{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-8",
  "type": "registry:component",
  "title": "Table 8",
  "description": "Table 8. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.",
  "dependencies": [],
  "registryDependencies": [
    "table"
  ],
  "files": [
    {
      "path": "components/watermelon/table-8.tsx",
      "type": "registry:component",
      "content": "import {\n  Table,\n  TableBody,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/components/base-ui/table';\n\nconst products = [\n  {\n    id: 'PRD001',\n    name: 'Wireless Mouse',\n    category: 'Electronics',\n    price: '₹799',\n    stock: 120,\n  },\n  {\n    id: 'PRD002',\n    name: 'Bluetooth Headphones',\n    category: 'Electronics',\n    price: '₹1,999',\n    stock: 75,\n  },\n  {\n    id: 'PRD003',\n    name: 'Office Chair',\n    category: 'Furniture',\n    price: '₹5,500',\n    stock: 30,\n  },\n  {\n    id: 'PRD004',\n    name: 'Notebook Pack',\n    category: 'Stationery',\n    price: '₹250',\n    stock: 200,\n  },\n  {\n    id: 'PRD005',\n    name: 'Desk Lamp',\n    category: 'Furniture',\n    price: '₹1,200',\n    stock: 60,\n  },\n];\n\nconst Table8 = () => {\n  return (\n    <div className=\"w-full\">\n      <div className=\"overflow-hidden rounded-xl border shadow-xs\">\n        <Table className=\"\">\n          <TableHeader>\n            <TableRow className=\"[&_th]:even:bg-muted/70 hover:bg-transparent\">\n              <TableHead className=\"w-25\">Product ID</TableHead>\n              <TableHead>Name</TableHead>\n              <TableHead>Category</TableHead>\n              <TableHead className=\"text-right\">Price</TableHead>\n              <TableHead className=\"text-right\">Stock</TableHead>\n            </TableRow>\n          </TableHeader>\n\n          <TableBody>\n            {products.map((product) => (\n              <TableRow\n                key={product.id}\n                className=\"[&_td]:even:bg-muted/70 hover:bg-transparent\"\n              >\n                <TableCell className=\"font-medium\">{product.id}</TableCell>\n                <TableCell>{product.name}</TableCell>\n                <TableCell>{product.category}</TableCell>\n                <TableCell className=\"text-right\">{product.price}</TableCell>\n                <TableCell className=\"text-right\">{product.stock}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n\n          <TableFooter className=\"bg-transparent\">\n            <TableRow className=\"hover:bg-transparent\">\n              <TableCell colSpan={4}>Total Products</TableCell>\n              <TableCell className=\"text-right\">485</TableCell>\n            </TableRow>\n          </TableFooter>\n        </Table>\n      </div>\n      <p className=\"text-muted-foreground mt-4 text-center text-sm\">\n        Striped columns table\n      </p>\n    </div>\n  );\n};\n\nexport default Table8;\n"
    }
  ]
}