{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog-09",
  "title": "Onboarding welcome",
  "description": "Compact hero image, title, and description; dual CTAs.",
  "dependencies": [],
  "registryDependencies": [
    "dialog",
    "button"
  ],
  "files": [
    {
      "path": "registry/patterns/dialog/dialog-09.tsx",
      "content": "import { 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\nconst heroImage =\n  'https://images.unsplash.com/photo-1635746065098-a0ae3eadfa6f?q=80&w=800&auto=format&fit=crop'\n\nexport function Dialog09() {\n  return (\n    <Dialog>\n      <DialogTrigger render={<Button variant=\"outline\">Welcome tour</Button>} />\n      <DialogContent\n        className=\"gap-0 overflow-hidden p-0 sm:max-w-sm\"\n        showCloseButton={false}\n      >\n        <div className=\"h-50 w-full overflow-hidden\">\n          <img\n            src={heroImage}\n            alt=\"Abstract gradient workspace\"\n            className=\"size-full object-cover\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-6 px-6 pt-5 pb-6\">\n          <DialogHeader className=\"gap-1.5 text-left\">\n            <DialogTitle>Welcome to Flexnative</DialogTitle>\n            <DialogDescription>\n              Copy-paste patterns and blocks for Next.js. Start from the gallery\n              or install with the CLI.\n            </DialogDescription>\n          </DialogHeader>\n          <DialogFooter className=\"flex-col gap-2 sm:flex-col\">\n            <Button className=\"w-full\">Get started</Button>\n            <DialogClose\n              render={\n                <Button variant=\"ghost\" className=\"w-full\">\n                  Skip for now\n                </Button>\n              }\n            />\n          </DialogFooter>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/dialog/dialog-09.tsx"
    }
  ],
  "type": "registry:block"
}