{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty-state-02",
  "title": "Empty State 02",
  "description": "A simple empty state block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "table",
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/empty-state-02/components/empty-state.tsx",
      "content": "import { ImportIcon, PlusIcon, Receipt } from \"lucide-react\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from \"@/registry/bases/radix/ui/empty\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/registry/bases/radix/ui/table\";\nimport { cn } from \"@/lib/utils\";\n\nexport default function EmptyState() {\n  return (\n    <div className=\"px-6 py-10\">\n      <div\n        className={cn(\n          \"mx-auto max-w-2xl rounded-xl border bg-muted/50 p-1.5\",\n          \"not-dark:*:data-[slot=table-container]:shadow/3 dark:*:data-[slot=table-container]:shadow/50 *:data-[slot=table-container]:rounded-lg *:data-[slot=table-container]:border *:data-[slot=table-container]:bg-background dark:*:data-[slot=table-container]:border-foreground/12\"\n        )}\n      >\n        <Table>\n          <TableHeader>\n            <TableRow className=\"bg-muted/50 *:px-3 sm:*:px-4\">\n              <TableHead className=\"w-[100px]\">Invoice</TableHead>\n              <TableHead>Status</TableHead>\n              <TableHead>Method</TableHead>\n              <TableHead className=\"text-right\">Amount</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            <TableRow className=\"rounded-b-lg\">\n              <TableCell className=\"font-medium\" colSpan={4}>\n                <Empty>\n                  <EmptyHeader>\n                    <EmptyMedia variant=\"icon\">\n                      <Receipt />\n                    </EmptyMedia>\n                    <EmptyTitle>No Invoices Yet</EmptyTitle>\n                    <EmptyDescription>\n                      You haven&apos;t created any invoices yet. Get started by\n                      creating your first invoice.\n                    </EmptyDescription>\n                  </EmptyHeader>\n                  <EmptyContent>\n                    <div className=\"flex flex-wrap gap-2 *:mx-auto\">\n                      <Button>\n                        <PlusIcon /> Create Invoice\n                      </Button>\n                      <Button variant=\"outline\">\n                        <ImportIcon /> Import Invoice\n                      </Button>\n                    </div>\n                  </EmptyContent>\n                </Empty>\n              </TableCell>\n            </TableRow>\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}