{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"alert-dialog-web","type":"registry:item","title":"Alert Dialog","description":"A modal confirmation prompt for consequential actions that requires a deliberate response before continuing.","files":[{"path":"snippets/web/alert-dialog.tsx","content":"import { AlertDialog, Button } from \"@heroui/react\";\n\nexport function AlertDialogExample() {\n  return (\n    <AlertDialog>\n      <Button variant=\"danger\">Delete Project</Button>\n      <AlertDialog.Backdrop>\n        <AlertDialog.Container>\n          <AlertDialog.Dialog className=\"sm:max-w-[400px]\">\n            <AlertDialog.CloseTrigger />\n            <AlertDialog.Header>\n              <AlertDialog.Icon status=\"danger\" />\n              <AlertDialog.Heading>Delete project permanently?</AlertDialog.Heading>\n            </AlertDialog.Header>\n            <AlertDialog.Body>\n              <p>\n                This will permanently delete <strong>My Awesome Project</strong> and all of its\n                data. This action cannot be undone.\n              </p>\n            </AlertDialog.Body>\n            <AlertDialog.Footer>\n              <Button slot=\"close\" variant=\"tertiary\">\n                Cancel\n              </Button>\n              <Button slot=\"close\" variant=\"danger\">\n                Delete Project\n              </Button>\n            </AlertDialog.Footer>\n          </AlertDialog.Dialog>\n        </AlertDialog.Container>\n      </AlertDialog.Backdrop>\n    </AlertDialog>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/alert-dialog.tsx"}],"author":"heroui","dependencies":["@heroui/react"]}