{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "modal-controlled-example",
  "title": "Modal Controlled",
  "description": "modal-controlled-example",
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/modal"
  ],
  "files": [
    {
      "path": "src/components/examples/overlays/modal/modal-controlled-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\n\nimport { Button } from '@/components/ui/button'\nimport {\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@/components/ui/modal'\n\nexport default function ModalControlledDemo() {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <Button onPress={() => setOpen(true)} intent=\"primary\">\n        Subscribe\n      </Button>\n      <ModalContent isOpen={open} onOpenChange={setOpen}>\n        <ModalHeader>\n          <ModalTitle>Subscribe to Our Newsletter</ModalTitle>\n          <ModalDescription>Get the latest news and updates right to your inbox.</ModalDescription>\n        </ModalHeader>\n        <ModalFooter>\n          <Button onPress={() => setOpen(false)}>Sign Up</Button>\n        </ModalFooter>\n      </ModalContent>\n    </>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/modal-controlled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}