{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-05",
  "title": "Table with column lines",
  "description": "Hairlines between the columns as well as the rows.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.ndekocode.dev/r/badge.json",
    "https://ui.ndekocode.dev/r/table.json",
    "https://ui.ndekocode.dev/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/ndeko/components/table/table-05.tsx",
      "content": "import { Badge } from '@/registry/ndeko/ui/badge';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/registry/ndeko/ui/table';\n\ntype Status = 'Active' | 'Inactive' | 'Pending';\n\ntype Account = {\n  id: string;\n  name: string;\n  email: string;\n  location: string;\n  status: Status;\n  balance: number;\n};\n\nconst STATUS_VARIANTS = {\n  Active: 'success',\n  Inactive: 'secondary',\n  Pending: 'warning',\n} as const;\n\nconst ACCOUNTS: Account[] = [\n  {\n    id: '1',\n    name: 'Jordan Hayes',\n    email: 'jordan.hayes@example.com',\n    location: 'Toronto, Canada',\n    status: 'Active',\n    balance: 1250,\n  },\n  {\n    id: '2',\n    name: 'Anna Novak',\n    email: 'anna.novak@example.com',\n    location: 'Prague, Czechia',\n    status: 'Active',\n    balance: 600,\n  },\n  {\n    id: '3',\n    name: 'Kenji Watanabe',\n    email: 'kenji.watanabe@example.com',\n    location: 'Osaka, Japan',\n    status: 'Inactive',\n    balance: 650,\n  },\n  {\n    id: '4',\n    name: 'Lina Haddad',\n    email: 'lina.haddad@example.com',\n    location: 'Lyon, France',\n    status: 'Active',\n    balance: 0,\n  },\n  {\n    id: '5',\n    name: 'Ama Mensah',\n    email: 'ama.mensah@example.com',\n    location: 'Accra, Ghana',\n    status: 'Pending',\n    balance: -1000,\n  },\n];\n\nconst CURRENCY = new Intl.NumberFormat('en-US', {\n  style: 'currency',\n  currency: 'USD',\n});\n\nexport default function Table05() {\n  return (\n    <div className='w-full'>\n      <Table>\n        <TableHeader>\n          <TableRow className='*:border-border [&>:not(:last-child)]:hairline-r hover:bg-transparent'>\n            <TableHead>Name</TableHead>\n            <TableHead>Email</TableHead>\n            <TableHead>Location</TableHead>\n            <TableHead>Status</TableHead>\n            <TableHead className='text-right'>Balance</TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {ACCOUNTS.map((account) => (\n            <TableRow\n              key={account.id}\n              className='*:border-border [&>:not(:last-child)]:hairline-r hover:bg-transparent'\n            >\n              <TableCell className='font-medium'>{account.name}</TableCell>\n              <TableCell className='text-muted-foreground'>\n                {account.email}\n              </TableCell>\n              <TableCell>{account.location}</TableCell>\n              <TableCell>\n                <Badge variant={STATUS_VARIANTS[account.status]}>\n                  {account.status}\n                </Badge>\n              </TableCell>\n              <TableCell className='text-right tabular-nums'>\n                {CURRENCY.format(account.balance)}\n              </TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "components",
    "table"
  ],
  "type": "registry:component"
}