{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-empty-15","type":"registry:block","title":"No products empty state with stacked cards and blur effect","description":"No products empty state with stacked cards and blur effect","dependencies":[],"registryDependencies":["empty"],"files":[{"path":"c-empty-15.tsx","type":"registry:block","content":"import {\n  Empty,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from \"@/components/ui/empty\"\n\nfunction StackedCardsIllustration() {\n  return (\n    <div className=\"relative h-24 w-52\" aria-hidden=\"true\">\n      {/* Back card */}\n      <div className=\"bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-lg border\" />\n      {/* Middle card */}\n      <div className=\"bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-lg border\" />\n      {/* Front card */}\n      <div className=\"bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-lg border px-4 shadow-sm\">\n        <div className=\"bg-muted size-8 shrink-0 rounded\" />\n        <div className=\"flex flex-1 flex-col gap-1.5\">\n          <div className=\"bg-muted h-2.5 w-3/4 rounded\" />\n          <div className=\"bg-muted/60 h-2 w-1/2 rounded\" />\n        </div>\n      </div>\n      {/* Fade overlay */}\n      <div className=\"from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b\" />\n    </div>\n  )\n}\n\nexport function Pattern() {\n  return (\n    <div className=\"flex items-center justify-center p-4\">\n      <Empty className=\"py-12\">\n        <EmptyHeader>\n          <EmptyMedia>\n            <StackedCardsIllustration />\n          </EmptyMedia>\n          <EmptyTitle>No products</EmptyTitle>\n          <EmptyDescription>\n            No data here yet. We will notify you when there&apos;s an update.\n          </EmptyDescription>\n        </EmptyHeader>\n      </Empty>\n    </div>\n  )\n}","target":"components/examples/c-empty-15.tsx"}],"meta":{"order":15}}