{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "banner-04",
  "title": "Banner 04",
  "description": "A simple banner block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/banner-04/components/banner.tsx",
      "content": "import { UserPlusIcon } from \"lucide-react\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\nexport default function Banner() {\n  return (\n    <div className=\"px-6 py-10\">\n      <div className=\"mx-auto max-w-xl rounded-xl border bg-muted/70 p-0.75\">\n        <div className=\"shadow/5 flex flex-wrap items-center justify-between gap-3 rounded-lg border bg-background px-5 py-3.5\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"flex size-10 items-center justify-center rounded-full bg-primary/10 text-primary\">\n              <UserPlusIcon className=\"size-5 shrink-0\" />\n            </div>\n            <div>\n              <p className=\"font-medium text-sm\">Create your account</p>\n              <p className=\"text-muted-foreground text-sm\">\n                Sign up to get started with our platform.\n              </p>\n            </div>\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            <Button className=\"text-muted-foreground\" size=\"sm\" variant=\"ghost\">\n              Dismiss\n            </Button>\n            <Button size=\"sm\">Sign up</Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}