{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-11",
  "type": "registry:component",
  "title": "Table 11",
  "description": "Table 11. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "table"
  ],
  "files": [
    {
      "path": "components/watermelon/table-11.tsx",
      "type": "registry:component",
      "content": "import {\n  Table,\n  TableBody,\n  TableCell,\n  TableRow,\n} from '@/components/base-ui/table';\nimport {\n  HiCube,\n  HiTag,\n  HiCalendar,\n  HiShieldCheck,\n  HiUser,\n  HiCurrencyRupee,\n  HiChip,\n} from 'react-icons/hi';\n\nconst Table11 = () => {\n  return (\n    <div className=\"w-full max-w-lg\">\n      <div className=\"overflow-hidden rounded-xl border shadow-sm\">\n        <Table>\n          <TableBody>\n            <TableRow className=\"*:border-border [&>:not(:last-child)]:border-r\">\n              <TableCell className=\"bg-muted py-2 font-medium\">\n                <div className=\"flex items-center gap-2\">\n                  <HiCube className=\"text-muted-foreground h-4 w-4\" />\n                  Product\n                </div>\n              </TableCell>\n              <TableCell className=\"py-2\">MacBook Air M3 (2025)</TableCell>\n            </TableRow>\n\n            <TableRow className=\"*:border-border [&>:not(:last-child)]:border-r\">\n              <TableCell className=\"bg-muted py-2 font-medium\">\n                <div className=\"flex items-center gap-2\">\n                  <HiChip className=\"text-muted-foreground h-4 w-4\" />\n                  Model Number\n                </div>\n              </TableCell>\n              <TableCell className=\"py-2\">MBA-M3-13-512</TableCell>\n            </TableRow>\n\n            <TableRow className=\"*:border-border [&>:not(:last-child)]:border-r\">\n              <TableCell className=\"bg-muted py-2 font-medium\">\n                <div className=\"flex items-center gap-2\">\n                  <HiTag className=\"text-muted-foreground h-4 w-4\" />\n                  Category\n                </div>\n              </TableCell>\n              <TableCell className=\"py-2\">Laptop</TableCell>\n            </TableRow>\n\n            <TableRow className=\"*:border-border [&>:not(:last-child)]:border-r\">\n              <TableCell className=\"bg-muted py-2 font-medium\">\n                <div className=\"flex items-center gap-2\">\n                  <HiCalendar className=\"text-muted-foreground h-4 w-4\" />\n                  Purchase Date\n                </div>\n              </TableCell>\n              <TableCell className=\"py-2\">12 Feb 2025</TableCell>\n            </TableRow>\n\n            <TableRow className=\"*:border-border [&>:not(:last-child)]:border-r\">\n              <TableCell className=\"bg-muted py-2 font-medium\">\n                <div className=\"flex items-center gap-2\">\n                  <HiShieldCheck className=\"text-muted-foreground h-4 w-4\" />\n                  Warranty\n                </div>\n              </TableCell>\n              <TableCell className=\"py-2\">Until Feb 2027</TableCell>\n            </TableRow>\n\n            <TableRow className=\"*:border-border [&>:not(:last-child)]:border-r\">\n              <TableCell className=\"bg-muted py-2 font-medium\">\n                <div className=\"flex items-center gap-2\">\n                  <HiUser className=\"text-muted-foreground h-4 w-4\" />\n                  Assigned To\n                </div>\n              </TableCell>\n              <TableCell className=\"py-2\">Vansh Patel</TableCell>\n            </TableRow>\n\n            <TableRow className=\"*:border-border [&>:not(:last-child)]:border-r\">\n              <TableCell className=\"bg-muted py-2 font-medium\">\n                <div className=\"flex items-center gap-2\">\n                  <HiCurrencyRupee className=\"text-muted-foreground h-4 w-4\" />\n                  Value\n                </div>\n              </TableCell>\n              <TableCell className=\"py-2 font-semibold\">₹1,14,900</TableCell>\n            </TableRow>\n          </TableBody>\n        </Table>\n      </div>\n\n      <p className=\"text-muted-foreground mt-4 text-center text-sm\">\n        Product details\n      </p>\n    </div>\n  );\n};\n\nexport default Table11;\n"
    }
  ]
}
