{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-01",
  "title": "Basic",
  "description": "Caption, header, and a footer total row.",
  "dependencies": [],
  "registryDependencies": [
    "table"
  ],
  "files": [
    {
      "path": "registry/patterns/table/table-01.tsx",
      "content": "import {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/components/ui/table'\n\nconst invoices = [\n  { id: 'INV-001', method: 'Credit Card', status: 'Paid', amount: '$1,200.00' },\n  { id: 'INV-002', method: 'PayPal', status: 'Pending', amount: '$640.00' },\n  { id: 'INV-003', method: 'Bank Transfer', status: 'Paid', amount: '$320.00' },\n  {\n    id: 'INV-004',\n    method: 'Credit Card',\n    status: 'Overdue',\n    amount: '$980.00',\n  },\n]\n\nexport function Table01() {\n  return (\n    <div className=\"w-full max-w-2xl\">\n      <Table>\n        <TableCaption>A list of your recent invoices.</TableCaption>\n        <TableHeader>\n          <TableRow>\n            <TableHead className=\"w-28\">Invoice</TableHead>\n            <TableHead>Method</TableHead>\n            <TableHead>Status</TableHead>\n            <TableHead className=\"text-right\">Amount</TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {invoices.map((invoice) => (\n            <TableRow key={invoice.id}>\n              <TableCell className=\"font-medium\">{invoice.id}</TableCell>\n              <TableCell>{invoice.method}</TableCell>\n              <TableCell className=\"text-muted-foreground\">\n                {invoice.status}\n              </TableCell>\n              <TableCell className=\"text-right tabular-nums\">\n                {invoice.amount}\n              </TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell colSpan={3}>Total</TableCell>\n            <TableCell className=\"text-right tabular-nums\">$3,140.00</TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/table/table-01.tsx"
    }
  ],
  "type": "registry:block"
}