{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sql-result-table",
  "type": "registry:ui",
  "title": "Sql result table",
  "description": "SQL query result table with uppercase column headers, monospace cells and horizontal scroll for wide results. Built for database consoles and admin tools.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/sql-result-table.tsx",
      "type": "registry:ui",
      "target": "components/ui/sql-result-table.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction SqlResultTable({\n  columns = [\"id\", \"email\", \"plan\"],\n  rows = [\n    [\"1\", \"aman@minidev.pro\", \"studio\"],\n    [\"2\", \"casey@acme.com\", \"premium\"],\n    [\"3\", \"riley@acme.com\", \"free\"],\n  ],\n  className,\n}: {\n  columns?: string[]\n  rows?: string[][]\n  className?: string\n}) {\n  return (\n    <div data-slot=\"sql-result-table\" className={cn(\"overflow-auto rounded-xl border border-border\", className)}>\n      <table className=\"w-full min-w-[420px] border-collapse text-left text-sm\">\n        <thead className=\"bg-sunken text-xs tracking-[0.01em] text-fg-muted uppercase\">\n          <tr>\n            {columns.map((c) => (\n              <th key={c} className=\"border-b border-border px-3 py-2 font-medium\">{c}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((row, i) => (\n            <tr key={i} className=\"border-b border-border last:border-b-0\">\n              {row.map((cell, j) => (\n                <td key={j} className=\"px-3 py-2 font-mono text-xs text-fg\">{cell}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\nexport { SqlResultTable }\n"
    }
  ]
}