{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-2",
  "type": "registry:component",
  "title": "Table 2",
  "description": "Table 2. 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-2.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 { FaCheckCircle, FaClock, FaTimesCircle, FaUser } from 'react-icons/fa';\n\nconst users = [\n  {\n    id: 'USR-001',\n    name: 'Ritik Gupta',\n    status: 'Active',\n    plan: 'Pro',\n    spend: '₹1,999',\n    icon: <FaCheckCircle className=\"text-green-500\" />,\n  },\n  {\n    id: 'USR-002',\n    name: 'Ananya Singh',\n    status: 'Pending',\n    plan: 'Basic',\n    spend: '₹499',\n    icon: <FaClock className=\"text-yellow-500\" />,\n  },\n  {\n    id: 'USR-003',\n    name: 'Kunal Shah',\n    status: 'Blocked',\n    plan: 'Pro',\n    spend: '₹2,499',\n    icon: <FaTimesCircle className=\"text-red-500\" />,\n  },\n  {\n    id: 'USR-004',\n    name: 'Meera Joshi',\n    status: 'Active',\n    plan: 'Enterprise',\n    spend: '₹5,999',\n    icon: <FaCheckCircle className=\"text-green-500\" />,\n  },\n  {\n    id: 'USR-005',\n    name: 'Aditya Verma',\n    status: 'Active',\n    plan: 'Basic',\n    spend: '₹799',\n    icon: <FaCheckCircle className=\"text-green-500\" />,\n  },\n];\n\nconst Table2 = () => {\n  return (\n    <div className=\"w-full\">\n      <div className=\"overflow-hidden rounded-xl border shadow-xs\">\n        <Table>\n          <TableHeader>\n            <TableRow className=\"*:border-border bg-muted/50 [&>:not(:last-child)]:border-r\">\n              <TableHead className=\"w-32\">User</TableHead>\n              <TableHead>Status</TableHead>\n              <TableHead>Plan</TableHead>\n              <TableHead className=\"text-right\">Spend</TableHead>\n            </TableRow>\n          </TableHeader>\n\n          <TableBody>\n            {users.map((user) => (\n              <TableRow\n                key={user.id}\n                className=\"*:border-border [&>:not(:last-child)]:border-r\"\n              >\n                <TableCell className=\"flex items-center gap-2 font-medium\">\n                  <FaUser className=\"text-primary\" />\n                  {user.name}\n                </TableCell>\n\n                <TableCell>\n                  <div className=\"flex items-center gap-2\">\n                    {user.icon}\n                    <span>{user.status}</span>\n                  </div>\n                </TableCell>\n\n                <TableCell>{user.plan}</TableCell>\n\n                <TableCell className=\"text-right font-medium\">\n                  {user.spend}\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\">\n                ₹11,795\n              </TableCell>\n            </TableRow>\n          </TableFooter>\n        </Table>\n      </div>\n      <p className=\"text-muted-foreground mt-4 text-center text-sm\">\n        User subscription table\n      </p>\n    </div>\n  );\n};\n\nexport default Table2;\n"
    }
  ]
}