{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert-dialog8",
  "title": "Alert dialog",
  "description": "Alert dialog built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/alert-dialog/8/index.tsx",
      "content": "import { MailIcon } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\n\nexport default function Component() {\n  return (\n    <Dialog>\n      <DialogTrigger asChild>\n        <Button variant=\"outline\">Newsletter</Button>\n      </DialogTrigger>\n      <DialogContent className=\"lg:max-w-sm\">\n        <div className=\"mb-2 flex flex-col items-center gap-2\">\n          <div\n            aria-hidden=\"true\"\n            className=\"flex size-11 shrink-0 items-center justify-center rounded-full border\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"lucide lucide-drama-icon lucide-drama\"\n            >\n              <path d=\"M10 11h.01\" />\n              <path d=\"M14 6h.01\" />\n              <path d=\"M18 6h.01\" />\n              <path d=\"M6.5 13.1h.01\" />\n              <path d=\"M22 5c0 9-4 12-6 12s-6-3-6-12c0-2 2-3 6-3s6 1 6 3\" />\n              <path d=\"M17.4 9.9c-.8.8-2 .8-2.8 0\" />\n              <path d=\"M10.1 7.1C9 7.2 7.7 7.7 6 8.6c-3.5 2-4.7 3.9-3.7 5.6 4.5 7.8 9.5 8.4 11.2 7.4.9-.5 1.9-2.1 1.9-4.7\" />\n              <path d=\"M9.1 16.5c.3-1.1 1.4-1.7 2.4-1.4\" />\n            </svg>\n          </div>\n          <DialogHeader>\n            <DialogTitle className=\"font-normal sm:text-center\">\n              Never miss an update\n            </DialogTitle>\n            <DialogDescription className=\"sm:text-center\">\n              Subscribe to receive news and special offers.\n            </DialogDescription>\n          </DialogHeader>\n        </div>\n\n        <form className=\"space-y-5\">\n          <div className=\"*:not-first:mt-2\">\n            <div className=\"relative\">\n              <Input\n                aria-label=\"Email\"\n                className=\"peer ps-9\"\n                id=\"dialog-subscribe\"\n                placeholder=\"hi@yourcompany.com\"\n                type=\"email\"\n              />\n              <div className=\"text-muted-foreground/80 pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50\">\n                <MailIcon aria-hidden=\"true\" size={16} />\n              </div>\n            </div>\n          </div>\n          <Button className=\"w-full\" type=\"button\">\n            Subscribe\n          </Button>\n        </form>\n\n        <p className=\"text-muted-foreground text-center text-xs\">\n          By subscribing you agree to our{\" \"}\n          <a className=\"underline hover:no-underline\" href=\"#\">\n            Privacy Policy\n          </a>\n          .\n        </p>\n      </DialogContent>\n    </Dialog>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/alert-dialog8.tsx"
    }
  ],
  "type": "registry:component"
}