{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog-9",
  "type": "registry:component",
  "title": "Dialog 9",
  "description": "Dialog 9. A dialog component for displaying important information or prompts.",
  "dependencies": [],
  "registryDependencies": [
    "button",
    "dialog",
    "input",
    "label"
  ],
  "files": [
    {
      "path": "components/watermelon/dialog-9.tsx",
      "type": "registry:component",
      "content": "import { Button } from '@/components/base-ui/button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/components/base-ui/dialog';\nimport { Input } from '@/components/base-ui/input';\nimport { Label } from '@/components/base-ui/label';\n\nimport React from 'react';\nimport type { FormEvent } from 'react';\n\nconst Dialog9: React.FC = () => {\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    // You can add your subscribe logic here\n    // Example: show a toast or send API request\n  };\n\n  return (\n    <Dialog>\n      <DialogTrigger>\n        <Button\n          variant=\"secondary\"\n          className=\"rounded-lg bg-blue-600 px-6 py-2 font-semibold text-white shadow-md hover:bg-blue-700\"\n        >\n          Subscribe\n        </Button>\n      </DialogTrigger>\n      <DialogContent className=\"rounded-2xl border-0 bg-white p-6 shadow-2xl sm:max-w-lg dark:bg-zinc-900\">\n        <DialogHeader className=\"space-y-1.5 text-left\">\n          <DialogTitle className=\"text-2xl font-bold text-zinc-900 dark:text-white\">\n            Join Our Community\n          </DialogTitle>\n          <DialogDescription className=\"text-sm text-zinc-600 dark:text-zinc-400\">\n            Enter your email to receive exclusive updates and member-only\n            resources. We respect your privacy.\n          </DialogDescription>\n        </DialogHeader>\n        <form\n          className=\"mt-2 flex flex-col items-start gap-3 sm:flex-row sm:items-end\"\n          onSubmit={handleSubmit}\n        >\n          <div className=\"flex w-full flex-1 flex-col gap-2 text-left\">\n            <Label\n              htmlFor=\"email\"\n              className=\"text-sm font-medium text-zinc-700 dark:text-zinc-200\"\n            >\n              Email Address\n            </Label>\n            <Input\n              type=\"email\"\n              id=\"email\"\n              name=\"email\"\n              placeholder=\"you@example.com\"\n              required\n              className=\"w-full rounded-lg border-zinc-300 focus:ring-2 focus:ring-blue-500 dark:border-zinc-700\"\n            />\n          </div>\n          <Button\n            type=\"submit\"\n            className=\"w-full rounded-lg bg-blue-600 px-6 py-2.5 font-semibold text-white shadow-md transition-colors hover:bg-blue-700 sm:w-auto\"\n          >\n            Join Now\n          </Button>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default Dialog9;\n"
    }
  ]
}