{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-base-alert-dialog",
  "title": "Alert Dialog Demo",
  "description": "Demo showing a alert dialog.",
  "registryDependencies": [
    "@animate-ui/v1/components-base-alert-dialog"
  ],
  "files": [
    {
      "path": "registry/demo/components/base/alert-dialog/index.tsx",
      "content": "import * as React from 'react';\n\nimport {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogPopup,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogCancel,\n  AlertDialogAction,\n  type AlertDialogPopupProps,\n} from '@/components/animate-ui/components/base/alert-dialog';\nimport { Button } from '@/components/ui/button';\n\ninterface BaseAlertDialogDemoProps {\n  from: AlertDialogPopupProps['from'];\n}\n\nexport const BaseAlertDialogDemo = ({ from }: BaseAlertDialogDemoProps) => {\n  return (\n    <AlertDialog>\n      <AlertDialogTrigger\n        render={<Button variant=\"outline\">Open Dialog</Button>}\n      />\n      <AlertDialogPopup from={from} className=\"sm:max-w-[425px]\">\n        <AlertDialogHeader>\n          <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>\n          <AlertDialogDescription>\n            This action cannot be undone. This will permanently delete your\n            account and remove your data from our servers.\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>Cancel</AlertDialogCancel>\n          <AlertDialogAction>Continue</AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogPopup>\n    </AlertDialog>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/components/base/alert-dialog.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "AlertDialogPopup": {
        "from": {
          "value": "top",
          "options": {
            "top": "top",
            "bottom": "bottom",
            "left": "left",
            "right": "right"
          }
        }
      }
    }
  },
  "type": "registry:ui"
}