{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty-states-1",
  "title": "Inbox Zero Notifications",
  "description": "Empty state for a cleared notifications list, with an inbox icon, an all-caught-up message, and a View All Notifications link.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "button",
    "empty"
  ],
  "files": [
    {
      "path": "registry/blocks/empty-states/1/empty-states-block.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from \"@/components/ui/empty\"\nimport { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\nexport default function EmptyStatesBlock() {\n  return (\n    <section className=\"flex w-full items-center justify-center bg-background px-6 py-12 text-foreground\">\n      <div className=\"w-full max-w-md\">\n        <Empty>\n          <EmptyHeader>\n            <EmptyMedia variant=\"icon\">\n              <IconPlaceholder\n                lucide=\"Inbox\"\n                tabler=\"IconInbox\"\n                hugeicons=\"InboxIcon\"\n                phosphor=\"Tray\"\n                remixicon=\"RiInboxLine\"\n                className=\"size-4\"\n              />\n            </EmptyMedia>\n            <EmptyTitle>You&apos;re all caught up</EmptyTitle>\n            <EmptyDescription>\n              No new notifications right now. We&apos;ll let you know the moment\n              something needs your attention.\n            </EmptyDescription>\n          </EmptyHeader>\n          <EmptyContent>\n            <Button\n              variant=\"outline\"\n              render={<a href=\"#\" />}\n              nativeButton={false}\n            >\n              View All Notifications\n            </Button>\n          </EmptyContent>\n        </Empty>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/empty-states-1.tsx"
    }
  ],
  "meta": {
    "height": "315px",
    "tier": "free"
  },
  "docs": "Requires a `base-*` style in components.json (the `shadcn init` default). Legacy `new-york`/`radix-*` styles install Radix primitives, which reject the `render` prop this block uses.",
  "categories": [
    "empty-states"
  ],
  "type": "registry:block"
}