{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-5",
  "type": "registry:component",
  "title": "Table 5",
  "description": "Table 5. 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-5.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';\nimport {\n  HiCube,\n  HiCheckCircle,\n  HiCreditCard,\n  HiCurrencyRupee,\n} from 'react-icons/hi';\n\nconst orders = [\n  {\n    orderId: 'ORD001',\n    status: 'Delivered',\n    amount: '₹120.00',\n    method: 'UPI',\n  },\n  {\n    orderId: 'ORD002',\n    status: 'Processing',\n    amount: '₹80.00',\n    method: 'Credit Card',\n  },\n  {\n    orderId: 'ORD003',\n    status: 'Cancelled',\n    amount: '₹200.00',\n    method: 'Cash on Delivery',\n  },\n  {\n    orderId: 'ORD004',\n    status: 'Delivered',\n    amount: '₹350.00',\n    method: 'Net Banking',\n  },\n  {\n    orderId: 'ORD005',\n    status: 'Processing',\n    amount: '₹150.00',\n    method: 'UPI',\n  },\n];\n\nconst Table5 = () => {\n  return (\n    <div className=\"w-full\">\n      <div className=\"overflow-hidden rounded-xl border shadow-xs\">\n        <Table>\n          <TableHeader className=\"bg-muted/50\">\n            <TableRow>\n              <TableHead className=\"w-25\">\n                <div className=\"flex items-center gap-1\">\n                  <HiCube className=\"h-4 w-4 shrink-0\" />\n                  Order ID\n                </div>\n              </TableHead>\n\n              <TableHead>\n                <div className=\"flex items-center gap-1\">\n                  <HiCheckCircle className=\"h-4 w-4 shrink-0\" />\n                  Status\n                </div>\n              </TableHead>\n\n              <TableHead>\n                <div className=\"flex items-center gap-1\">\n                  <HiCreditCard className=\"h-4 w-4 shrink-0\" />\n                  Payment Method\n                </div>\n              </TableHead>\n\n              <TableHead className=\"text-right\">\n                <div className=\"flex items-center justify-end gap-1\">\n                  <HiCurrencyRupee className=\"h-4 w-4 shrink-0\" />\n                  Amount\n                </div>\n              </TableHead>\n            </TableRow>\n          </TableHeader>\n\n          <TableBody>\n            {orders.map((order) => (\n              <TableRow key={order.orderId}>\n                <TableCell className=\"font-medium\">{order.orderId}</TableCell>\n                <TableCell>{order.status}</TableCell>\n                <TableCell>{order.method}</TableCell>\n                <TableCell className=\"text-right\">{order.amount}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n\n          <TableFooter>\n            <TableRow>\n              <TableCell colSpan={3}>Total</TableCell>\n              <TableCell className=\"text-right\">₹900.00</TableCell>\n            </TableRow>\n          </TableFooter>\n        </Table>\n      </div>\n      <p className=\"text-muted-foreground mt-4 text-center text-sm\">\n        Recent orders table\n      </p>\n    </div>\n  );\n};\n\nexport default Table5;\n"
    }
  ]
}