{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-3",
  "type": "registry:component",
  "title": "Table 3",
  "description": "Table 3. 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-3.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: 'PRD-001',\n    name: 'MacBook Pro',\n    category: 'Laptop',\n    status: 'In Stock',\n    price: '₹1,89,000',\n  },\n  {\n    id: 'PRD-002',\n    name: 'iPhone 15',\n    category: 'Mobile',\n    status: 'Limited',\n    price: '₹79,900',\n  },\n  {\n    id: 'PRD-003',\n    name: 'Sony WH-1000XM5',\n    category: 'Audio',\n    status: 'Out of Stock',\n    price: '₹29,990',\n  },\n  {\n    id: 'PRD-004',\n    name: 'Dell XPS 13',\n    category: 'Laptop',\n    status: 'In Stock',\n    price: '₹1,25,000',\n  },\n  {\n    id: 'PRD-005',\n    name: 'Samsung Galaxy S24',\n    category: 'Mobile',\n    status: 'In Stock',\n    price: '₹74,999',\n  },\n];\n\nconst Table3 = () => {\n  return (\n    <div className=\"w-full\">\n      <div className=\"overflow-hidden\">\n        <Table>\n          <TableHeader>\n            <TableRow className=\"hover:bg-transparent\">\n              <TableHead className=\"w-40\">Product</TableHead>\n              <TableHead>Category</TableHead>\n              <TableHead>Status</TableHead>\n              <TableHead className=\"text-right\">Price</TableHead>\n            </TableRow>\n          </TableHeader>\n\n          <TableBody>\n            {products.map((product) => (\n              <TableRow\n                key={product.id}\n                className=\"odd:bg-muted/50 odd:hover:bg-muted/50 hover:bg-transparent\"\n              >\n                <TableCell className=\"font-medium\">{product.name}</TableCell>\n                <TableCell>{product.category}</TableCell>\n                <TableCell>{product.status}</TableCell>\n                <TableCell className=\"text-right font-medium\">\n                  {product.price}\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n\n          <TableFooter className=\"bg-transparent\">\n            <TableRow className=\"hover:bg-transparent\">\n              <TableCell colSpan={3}>Total Value</TableCell>\n              <TableCell className=\"text-right font-semibold\">\n                ₹4,98,889\n              </TableCell>\n            </TableRow>\n          </TableFooter>\n        </Table>\n      </div>\n      <p className=\"text-muted-foreground mt-4 text-center text-sm\">\n        Product inventory table\n      </p>\n    </div>\n  );\n};\n\nexport default Table3;\n"
    }
  ]
}