{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "banner-03",
  "title": "Banner 03",
  "description": "A simple banner block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/banner-03/components/banner.tsx",
      "content": "import { ArrowUpRight, ChartPie, X } from \"lucide-react\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nexport default function Banner() {\n  return (\n    <div className=\"px-6 py-10\">\n      <div className=\"relative mx-auto flex min-h-10 max-w-2xl flex-wrap items-center justify-between gap-x-3 gap-y-4 rounded-lg bg-primary/10 px-4 py-3 text-center text-sm\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex size-8 items-center justify-center rounded-full bg-primary/13 text-primary\">\n            <ChartPie className=\"size-5\" />\n          </div>\n          <p>You can now see your analytics in real-time.</p>\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          <Button size=\"sm\">\n            Explore <ArrowUpRight />\n          </Button>\n          <Button\n            className={cn(\n              \"hover:bg-primary/13 sm:-me-2\",\n              \"max-sm:absolute max-sm:-top-2.5 max-sm:-right-2.5 max-sm:size-6 max-sm:border max-sm:bg-background max-sm:hover:bg-muted\"\n            )}\n            size=\"icon\"\n            variant=\"ghost\"\n          >\n            <X />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}