{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "data-table",
  "title": "Data Table",
  "description": "Polaris-styled Data Table component.",
  "dependencies": [],
  "devDependencies": [
    "@shopify/polaris-types"
  ],
  "registryDependencies": [
    "@polaris-shadcn/theme",
    "@polaris-shadcn/utils",
    "@polaris-shadcn/table"
  ],
  "files": [
    {
      "path": "registry/templates/components/ui/data-table.tsx",
      "content": "import * as React from \"react\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface DataTableColumn {\n  key: string;\n  label?: React.ReactNode;\n}\n\nexport interface DataTableRow {\n  id: string | number;\n  [key: string]: React.ReactNode;\n}\n\nexport interface DataTableProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  columns?: DataTableColumn[];\n  data?: DataTableRow[];\n}\n\nconst DataTable = React.forwardRef<HTMLDivElement, DataTableProps>(\n  ({ className, columns = [], data = [], ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"rounded-xl border border-border bg-card\", className)}\n      {...props}\n    >\n      <Table>\n        <TableHeader>\n          <TableRow>\n            {columns.map((column) => (\n              <TableHead key={column.key}>{column.label}</TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {data.map((row) => (\n            <TableRow key={row.id}>\n              {columns.map((column) => (\n                <TableCell key={`${row.id}-${column.key}`}>\n                  {row[column.key]}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  ),\n);\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}