{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "delete-account-1",
  "title": "Confirm Dialog",
  "description": "Confirm Dialog for Delete Account.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "card",
    "dialog",
    "input",
    "label"
  ],
  "files": [
    {
      "path": "registry/intents/account/delete-account/delete-account-1.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport { TriangleAlert } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@/components/ui/card'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/components/ui/dialog'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\n\nconst CONFIRM_WORD = 'DELETE'\n\nexport function DeleteAccount1() {\n  const [value, setValue] = useState('')\n  const confirmed = value.trim() === CONFIRM_WORD\n\n  return (\n    <Card className=\"border-destructive/40\">\n      <CardHeader>\n        <CardTitle className=\"text-destructive\">Delete account</CardTitle>\n        <CardDescription>\n          Permanently remove your account and all of its data. This cannot be\n          undone.\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <Dialog onOpenChange={() => setValue('')}>\n          <DialogTrigger\n            render={\n              <Button variant=\"destructive\" className=\"w-full\">\n                Delete account\n              </Button>\n            }\n          />\n          <DialogContent className=\"sm:max-w-sm\">\n            <DialogHeader>\n              <div className=\"bg-destructive/10 text-destructive mb-2 flex size-10 items-center justify-center rounded-full\">\n                <TriangleAlert className=\"size-5\" />\n              </div>\n              <DialogTitle>Are you absolutely sure?</DialogTitle>\n              <DialogDescription>\n                This deletes your workspace, files, and billing history. To\n                confirm, type {CONFIRM_WORD} below.\n              </DialogDescription>\n            </DialogHeader>\n\n            <div className=\"flex flex-col gap-2 py-2\">\n              <Label htmlFor=\"confirm-delete\" className=\"text-xs\">\n                Type {CONFIRM_WORD} to confirm\n              </Label>\n              <Input\n                id=\"confirm-delete\"\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                placeholder={CONFIRM_WORD}\n                autoComplete=\"off\"\n              />\n            </div>\n\n            <DialogFooter>\n              <Button\n                variant=\"destructive\"\n                className=\"w-full\"\n                disabled={!confirmed}\n              >\n                Delete this account\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/intent/delete-account/delete-account-1.tsx"
    }
  ],
  "type": "registry:block"
}