{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog-04",
  "type": "registry:block",
  "title": "Dialog with Two Buttons",
  "description": "A dialog with two buttons block.",
  "author": "ephraim duncan <https://ephraimduncan.com>",
  "registryDependencies": [
    "button",
    "dialog",
    "input",
    "label"
  ],
  "dependencies": [],
  "files": [
    {
      "path": "content/components/dialogs/dialog-04.tsx",
      "type": "registry:component",
      "target": "components/dialog-04.tsx",
      "content": "'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@/components/ui/button';\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\nexport default function Dialog03() {\n  const [isOpen, setIsOpen] = useState(true);\n\n  return (\n    <Dialog onOpenChange={setIsOpen} open={isOpen}>\n      <div className=\"flex items-center justify-center py-36\">\n        <DialogTrigger render={<Button />}>Edit Profile</DialogTrigger>\n      </div>\n\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Edit Profile</DialogTitle>\n          <DialogDescription>\n            Make changes to your profile here. Click save when you&apos;re done.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"space-y-2\">\n          <Label className=\"font-medium text-sm\" htmlFor=\"username\">\n            Username\n          </Label>\n          <Input\n            id=\"username\"\n            name=\"username\"\n            placeholder=\"Your username\"\n            type=\"text\"\n          />\n        </div>\n        <DialogFooter>\n          <Button className=\"w-full\" type=\"submit\">\n            Save Changes\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"
    }
  ],
  "categories": [
    "dialogs"
  ]
}