{
  "name": "banner-demo",
  "type": "registry:example",
  "registryDependencies": [
    "banner",
    "button"
  ],
  "files": [
    {
      "path": "examples/banner-demo.tsx",
      "type": "registry:example",
      "content": "\"use client\";\n\nimport { Info } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {\n  Banner,\n  BannerActions,\n  BannerClose,\n  BannerContent,\n  BannerDescription,\n  BannerIcon,\n  BannerTitle,\n} from \"@/registry/bases/radix/ui/banner\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\nexport default function BannerDemo() {\n  const [open, setOpen] = React.useState(true);\n\n  return (\n    <>\n      <Banner open={open} onOpenChange={setOpen}>\n        <BannerIcon>\n          <Info />\n        </BannerIcon>\n        <BannerContent>\n          <BannerTitle>New update available</BannerTitle>\n          <BannerDescription>\n            A new version of the app is available. Update now to get the latest\n            features.\n          </BannerDescription>\n        </BannerContent>\n        <BannerActions>\n          <Button size=\"sm\">Update now</Button>\n          <BannerClose />\n        </BannerActions>\n      </Banner>\n      {!open && <Button onClick={() => setOpen(true)}>Show banner</Button>}\n    </>\n  );\n}\n",
      "target": ""
    }
  ]
}