{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog-01",
  "type": "registry:block",
  "title": "Dialog Confirmation",
  "description": "A dialog confirmation block.",
  "author": "ephraim duncan <https://ephraimduncan.com>",
  "registryDependencies": [
    "button",
    "dialog"
  ],
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "content/components/dialogs/dialog-01.tsx",
      "type": "registry:component",
      "target": "components/dialog-01.tsx",
      "content": "'use client';\n\nimport { Check } from 'lucide-react';\nimport { useState } from 'react';\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 default function Dialog01() {\n  const [open, setOpen] = useState(true);\n\n  return (\n    <Dialog onOpenChange={setOpen} open={open}>\n      <DialogTrigger render={<Button variant=\"outline\" />}>\n        Show Dialog\n      </DialogTrigger>\n\n      <DialogContent className=\"flex flex-col items-center sm:max-w-sm\">\n        <div className=\"flex justify-center\">\n          <div className=\"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100\">\n            <Check className=\"h-6 w-6 text-green-600\" />\n          </div>\n        </div>\n\n        <DialogHeader className=\"gap-0 text-center\">\n          <DialogTitle className=\"text-balance text-center\">\n            Payment successful\n          </DialogTitle>\n          <DialogDescription className=\"mx-auto mt-2 text-pretty text-center sm:max-w-[90%]\">\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur\n            amet labore.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter className=\"w-full sm:justify-center\">\n          <DialogClose render={<Button className=\"w-full\" />}>\n            Go back to dashboard\n          </DialogClose>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"
    }
  ],
  "categories": [
    "dialogs"
  ]
}