{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty-states-3",
  "title": "No Search Results",
  "description": "No results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "button",
    "empty",
    "sonner"
  ],
  "files": [
    {
      "path": "registry/blocks/empty-states/3/empty-states-block.tsx",
      "content": "\"use client\"\nimport { toast } from \"sonner\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from \"@/components/ui/empty\"\nimport { Toaster } from \"@/components/ui/sonner\"\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-muted/30 px-6 py-16 text-foreground\">\n      <Toaster />\n      <div className=\"w-full max-w-md rounded-lg border border-border bg-card\">\n        <Empty className=\"border-0\">\n          <EmptyHeader>\n            <EmptyMedia variant=\"icon\">\n              <IconPlaceholder\n                lucide=\"Search\"\n                tabler=\"IconSearch\"\n                hugeicons=\"SearchIcon\"\n                phosphor=\"MagnifyingGlass\"\n                remixicon=\"RiSearchLine\"\n                className=\"size-4\"\n              />\n            </EmptyMedia>\n            <EmptyTitle>No results found</EmptyTitle>\n            <EmptyDescription>\n              We couldn&apos;t find anything matching &ldquo;quarterly&rdquo;.\n              Try a different keyword or clear your filters to see all records.\n            </EmptyDescription>\n          </EmptyHeader>\n          <EmptyContent>\n            <Button\n              variant=\"outline\"\n              onClick={() =>\n                toast(\"Filters cleared\", {\n                  id: \"filters-cleared\",\n                  description: \"Showing all records.\",\n                })\n              }\n            >\n              <IconPlaceholder\n                lucide=\"RefreshCw\"\n                tabler=\"IconRefresh\"\n                hugeicons=\"RefreshIcon\"\n                phosphor=\"ArrowsClockwise\"\n                remixicon=\"RiRefreshLine\"\n                data-icon=\"inline-start\"\n              />\n              Clear Filters\n            </Button>\n          </EmptyContent>\n        </Empty>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/empty-states-3.tsx"
    }
  ],
  "meta": {
    "height": "349px",
    "tier": "free"
  },
  "categories": [
    "empty-states"
  ],
  "type": "registry:block"
}