{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty-table",
  "type": "registry:ui",
  "title": "Empty table",
  "description": "Empty table placeholder with a dashed border, a No data yet title, helper text and an optional button to create the first row. For React tables.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/empty-table.tsx",
      "type": "registry:ui",
      "target": "components/ui/empty-table.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\n\nfunction EmptyTable({ title=\"No data yet\", description=\"Create your first row to get started.\", actionLabel, onAction, className }: {\n  title?: string\n  description?: string\n  actionLabel?: string\n  onAction?: () => void\n  className?: string\n}) {\n  return (\n    <div data-slot=\"empty-table\" className={cn(\"flex flex-col items-center justify-center rounded-xl border border-dashed border-border bg-sunken px-6 py-16 text-center\", className)}>\n      <h3 className=\"text-sm font-medium text-fg\">{title}</h3>\n      <p className=\"mt-1 max-w-sm text-xs text-fg-muted\">{description}</p>\n      {actionLabel ? <Button className=\"mt-4\" onClick={onAction}>{actionLabel}</Button> : null}\n    </div>\n  )\n}\nexport { EmptyTable }\n"
    }
  ]
}