{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-empty-13","type":"registry:block","title":"No automations empty state with toggle illustration","description":"No automations empty state with toggle illustration","dependencies":[],"registryDependencies":["button","empty"],"files":[{"path":"c-empty-13.tsx","type":"registry:block","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\"\n\nfunction AutomationIllustration() {\n  return (\n    <svg\n      width=\"200\"\n      height=\"120\"\n      viewBox=\"0 0 200 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      {/* Left connection line with arrow */}\n      <path\n        d=\"M30 60 L68 60\"\n        className=\"stroke-muted-foreground/30\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        markerEnd=\"url(#arrowhead)\"\n      />\n      <polygon\n        points=\"66,56 74,60 66,64\"\n        className=\"fill-muted-foreground/30\"\n      />\n\n      {/* Toggle body */}\n      <rect\n        x=\"76\"\n        y=\"42\"\n        width=\"56\"\n        height=\"36\"\n        rx=\"18\"\n        className=\"stroke-primary/60 fill-primary/5 dark:fill-primary/10\"\n        strokeWidth=\"2\"\n      />\n      {/* Toggle circle */}\n      <circle cx=\"94\" cy=\"60\" r=\"12\" className=\"fill-primary/40\" />\n      <circle cx=\"94\" cy=\"60\" r=\"6\" className=\"fill-primary\" />\n\n      {/* Right connection line */}\n      <path\n        d=\"M134 60 Q150 60 158 48\"\n        className=\"stroke-muted-foreground/30\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n        strokeLinecap=\"round\"\n      />\n      <circle cx=\"162\" cy=\"44\" r=\"3\" className=\"fill-muted-foreground/20\" />\n\n      {/* Bottom right connection */}\n      <path\n        d=\"M134 60 Q150 60 158 72\"\n        className=\"stroke-muted-foreground/30\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n        strokeLinecap=\"round\"\n      />\n      <circle cx=\"162\" cy=\"76\" r=\"3\" className=\"fill-muted-foreground/20\" />\n\n      {/* Decorative dots */}\n      <circle cx=\"22\" cy=\"60\" r=\"2\" className=\"fill-muted-foreground/20\" />\n      <circle cx=\"174\" cy=\"44\" r=\"2\" className=\"fill-muted-foreground/15\" />\n      <circle cx=\"174\" cy=\"76\" r=\"2\" className=\"fill-muted-foreground/15\" />\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            <AutomationIllustration />\n          </EmptyMedia>\n          <EmptyTitle>No automations yet</EmptyTitle>\n          <EmptyDescription>\n            Hook up your favorite tools and let the automation magic begin.\n          </EmptyDescription>\n        </EmptyHeader>\n        <EmptyContent>\n          <Button>Create new automation</Button>\n        </EmptyContent>\n      </Empty>\n    </div>\n  )\n}","target":"components/examples/c-empty-13.tsx"}],"meta":{"order":13}}