{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog-14",
  "title": "Settings sections",
  "description": "Notifications and Security blocks via Separator.",
  "dependencies": [],
  "registryDependencies": [
    "dialog",
    "button",
    "separator",
    "switch"
  ],
  "files": [
    {
      "path": "registry/patterns/dialog/dialog-14.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'\nimport { Separator } from '@/components/ui/separator'\nimport { Switch } from '@/components/ui/switch'\n\nexport function Dialog14() {\n  return (\n    <Dialog>\n      <DialogTrigger\n        render={<Button variant=\"outline\">Notification settings</Button>}\n      />\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Settings</DialogTitle>\n          <DialogDescription>\n            Manage how and when we contact you.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"flex flex-col gap-3\">\n            <h4 className=\"text-sm font-medium\">Notifications</h4>\n            <div className=\"flex items-center justify-between gap-3\">\n              <span className=\"text-muted-foreground text-sm\">\n                Product updates\n              </span>\n              <Switch defaultChecked />\n            </div>\n            <div className=\"flex items-center justify-between gap-3\">\n              <span className=\"text-muted-foreground text-sm\">\n                Comment mentions\n              </span>\n              <Switch defaultChecked />\n            </div>\n            <div className=\"flex items-center justify-between gap-3\">\n              <span className=\"text-muted-foreground text-sm\">\n                Weekly digest\n              </span>\n              <Switch />\n            </div>\n          </div>\n          <Separator />\n          <div className=\"flex flex-col gap-3\">\n            <h4 className=\"text-sm font-medium\">Security</h4>\n            <div className=\"flex items-center justify-between gap-3\">\n              <span className=\"text-muted-foreground text-sm\">\n                Login alerts\n              </span>\n              <Switch defaultChecked />\n            </div>\n            <div className=\"flex items-center justify-between gap-3\">\n              <span className=\"text-muted-foreground text-sm\">\n                New device approval\n              </span>\n              <Switch defaultChecked />\n            </div>\n          </div>\n        </div>\n        <DialogFooter>\n          <DialogClose render={<Button variant=\"outline\">Cancel</Button>} />\n          <Button>Save</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/dialog/dialog-14.tsx"
    }
  ],
  "type": "registry:block"
}