{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-empty-14","type":"registry:block","title":"Comments empty state with isometric board illustration","description":"Comments empty state with isometric board illustration","dependencies":[],"registryDependencies":["empty"],"files":[{"path":"c-empty-14.tsx","type":"registry:block","content":"import {\n  Empty,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from \"@/components/ui/empty\"\n\nfunction BoardIllustration() {\n  return (\n    <svg\n      width=\"180\"\n      height=\"160\"\n      viewBox=\"0 0 180 160\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      {/* Shadow */}\n      <ellipse\n        cx=\"90\"\n        cy=\"148\"\n        rx=\"60\"\n        ry=\"8\"\n        className=\"fill-muted-foreground/8 dark:fill-muted-foreground/5\"\n      />\n\n      {/* Isometric board - back face */}\n      <path\n        d=\"M30 40 L90 10 L160 45 L100 75 Z\"\n        className=\"fill-muted/80 dark:fill-muted/40 stroke-border\"\n        strokeWidth=\"1.5\"\n        strokeLinejoin=\"round\"\n      />\n      {/* Board - front face */}\n      <path\n        d=\"M30 40 L100 75 L100 110 L30 75 Z\"\n        className=\"fill-muted dark:fill-muted/60 stroke-border\"\n        strokeWidth=\"1.5\"\n        strokeLinejoin=\"round\"\n      />\n      {/* Board - right face */}\n      <path\n        d=\"M100 75 L160 45 L160 80 L100 110 Z\"\n        className=\"fill-background stroke-border\"\n        strokeWidth=\"1.5\"\n        strokeLinejoin=\"round\"\n      />\n\n      {/* Content lines on the board surface - isometric */}\n      {/* Row 1 */}\n      <circle cx=\"62\" cy=\"35\" r=\"4\" className=\"fill-primary/20\" />\n      <line\n        x1=\"72\"\n        y1=\"33\"\n        x2=\"105\"\n        y2=\"17\"\n        className=\"stroke-muted-foreground/20\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"110\"\n        y1=\"15\"\n        x2=\"130\"\n        y2=\"5\"\n        className=\"stroke-muted-foreground/15\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n\n      {/* Row 2 */}\n      <circle cx=\"55\" cy=\"50\" r=\"4\" className=\"fill-primary/30\" />\n      <line\n        x1=\"65\"\n        y1=\"48\"\n        x2=\"100\"\n        y2=\"31\"\n        className=\"stroke-muted-foreground/20\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"105\"\n        y1=\"29\"\n        x2=\"135\"\n        y2=\"14\"\n        className=\"stroke-muted-foreground/12\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n\n      {/* Row 3 */}\n      <circle cx=\"48\" cy=\"65\" r=\"4\" className=\"fill-destructive/25\" />\n      <line\n        x1=\"58\"\n        y1=\"63\"\n        x2=\"88\"\n        y2=\"48\"\n        className=\"stroke-muted-foreground/18\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\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            <BoardIllustration />\n          </EmptyMedia>\n          <EmptyTitle>Be the first to share a thought</EmptyTitle>\n          <EmptyDescription>\n            Drop a comment on the canvas to get the conversation started.\n          </EmptyDescription>\n        </EmptyHeader>\n      </Empty>\n    </div>\n  )\n}","target":"components/examples/c-empty-14.tsx"}],"meta":{"order":14}}