import { cn } from '@/registry/core/lib/utils' import Image from 'next/image' const MESCHAC_AVATAR = 'https://avatars.githubusercontent.com/u/47919550?v=4' const BERNARD_AVATAR = 'https://avatars.githubusercontent.com/u/31113941?v=4' const THEO_AVATAR = 'https://avatars.githubusercontent.com/u/68236786?v=4' const GLODIE_AVATAR = 'https://avatars.githubusercontent.com/u/99137927?v=4' export const Table = ({ className }: { className?: string }) => { const customers = [ { id: 1, date: '10/31/2023', status: 'Paid', statusVariant: 'success', name: 'Bernard Ng', avatar: BERNARD_AVATAR, revenue: '$43.99', }, { id: 2, date: '10/21/2023', status: 'Ref', statusVariant: 'warning', name: 'Méschac Irung', avatar: MESCHAC_AVATAR, revenue: '$19.99', }, { id: 3, date: '10/15/2023', status: 'Paid', statusVariant: 'success', name: 'Glodie Ng', avatar: GLODIE_AVATAR, revenue: '$99.99', }, { id: 4, date: '10/12/2023', status: 'Cancelled', statusVariant: 'danger', name: 'Theo Ng', avatar: THEO_AVATAR, revenue: '$19.99', }, ] return (

Customers

New users by First user primary channel group (Default Channel Group)

{customers.map((customer) => ( ))}

#	Date	Status	Customer	Revenue
{customer.id}	{customer.date}	{customer.status}	{customer.name}	{customer.revenue}

) }