{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-1",
  "type": "registry:component",
  "title": "Table 1",
  "description": "Table 1. 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-1.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\nimport {\n  FaCheckCircle,\n  FaClock,\n  FaTimesCircle,\n  FaShoppingCart,\n} from 'react-icons/fa';\n\nconst orders = [\n  {\n    id: 'ORD-1001',\n    customer: 'Aarav Sharma',\n    status: 'Delivered',\n    amount: '₹1,200',\n    icon: <FaCheckCircle className=\"text-green-500\" />,\n  },\n  {\n    id: 'ORD-1002',\n    customer: 'Priya Verma',\n    status: 'Processing',\n    amount: '₹850',\n    icon: <FaClock className=\"text-yellow-500\" />,\n  },\n  {\n    id: 'ORD-1003',\n    customer: 'Rohan Mehta',\n    status: 'Cancelled',\n    amount: '₹640',\n    icon: <FaTimesCircle className=\"text-red-500\" />,\n  },\n  {\n    id: 'ORD-1004',\n    customer: 'Sneha Kapoor',\n    status: 'Delivered',\n    amount: '₹2,300',\n    icon: <FaCheckCircle className=\"text-green-500\" />,\n  },\n  {\n    id: 'ORD-1005',\n    customer: 'Karan Malhotra',\n    status: 'Processing',\n    amount: '₹1,120',\n    icon: <FaClock className=\"text-yellow-500\" />,\n  },\n  {\n    id: 'ORD-1006',\n    customer: 'Neha Gupta',\n    status: 'Delivered',\n    amount: '₹980',\n    icon: <FaCheckCircle className=\"text-green-500\" />,\n  },\n];\n\nconst Table1 = () => {\n  return (\n    <div className=\"w-full\">\n      <div className=\"overflow-hidden\">\n        <Table className=\"overflow-x-scroll\">\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-25\">Order</TableHead>\n              <TableHead>Customer</TableHead>\n              <TableHead>Status</TableHead>\n              <TableHead className=\"text-right\">Amount</TableHead>\n            </TableRow>\n          </TableHeader>\n\n          <TableBody>\n            {orders.map((order) => (\n              <TableRow key={order.id}>\n                <TableCell className=\"flex items-center gap-2 font-medium\">\n                  <FaShoppingCart className=\"text-primary\" />\n                  {order.id}\n                </TableCell>\n\n                <TableCell>{order.customer}</TableCell>\n\n                <TableCell>\n                  <div className=\"flex items-center gap-2\">\n                    {order.icon}\n                    <span>{order.status}</span>\n                  </div>\n                </TableCell>\n\n                <TableCell className=\"text-right font-medium\">\n                  {order.amount}\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n\n          <TableFooter>\n            <TableRow>\n              <TableCell colSpan={3}>Total Revenue</TableCell>\n              <TableCell className=\"text-right font-semibold\">₹7,090</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 Table1;\n"
    }
  ]
}