{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog-03",
  "title": "Delete account",
  "description": "Destructive warning with icon and emphasized copy.",
  "dependencies": [],
  "registryDependencies": [
    "dialog",
    "button"
  ],
  "files": [
    {
      "path": "registry/patterns/dialog/dialog-03.tsx",
      "content": "import { Trash2Icon } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/components/ui/dialog'\n\nexport function Dialog03() {\n  return (\n    <Dialog>\n      <DialogTrigger\n        render={<Button variant=\"destructive\">Delete account</Button>}\n      />\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <div className=\"flex flex-col gap-3\">\n            <div className=\"bg-destructive/10 text-destructive flex size-10 items-center justify-center rounded-full\">\n              <Trash2Icon className=\"size-5\" />\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              <DialogTitle>Delete account</DialogTitle>\n              <DialogDescription>\n                This permanently removes your profile, projects, and billing\n                history.{' '}\n                <span className=\"text-foreground font-medium\">\n                  This cannot be undone.\n                </span>\n              </DialogDescription>\n            </div>\n          </div>\n        </DialogHeader>\n        <DialogFooter>\n          <DialogClose render={<Button variant=\"outline\">Cancel</Button>} />\n          <Button variant=\"destructive\">Delete account</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/dialog/dialog-03.tsx"
    }
  ],
  "type": "registry:block"
}