{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"banner-announcement","type":"registry:block","title":"Banner Announcement","description":"Inverted announcement bar with dismiss affordance.","categories":["banner"],"dependencies":["lucide-react"],"registryDependencies":[],"files":[{"path":"registry/blocks/banner-announcement.tsx","content":"import Link from \"next/link\";\nimport { ArrowRight, X } from \"lucide-react\";\n\nexport default function BannerAnnouncement() {\n  return (\n    <div className=\"relative border-b border-border/60 bg-foreground text-background\">\n      <div className=\"mx-auto flex w-full max-w-6xl items-center justify-center gap-3 px-12 py-2.5\">\n        <span className=\"hidden rounded-full bg-background/15 px-2 py-0.5 font-mono text-[10px] tracking-wide uppercase sm:inline\">\n          New\n        </span>\n        <p className=\"text-sm\">\n          Acme 3.0 is out — 2× faster builds and edge functions.\n        </p>\n        <Link\n          href=\"#\"\n          className=\"inline-flex shrink-0 items-center gap-1 text-sm font-medium underline-offset-4 hover:underline\"\n        >\n          Read more\n          <ArrowRight className=\"size-3.5\" />\n        </Link>\n      </div>\n      <button\n        type=\"button\"\n        aria-label=\"Dismiss announcement\"\n        className=\"absolute top-1/2 right-3 flex size-7 -translate-y-1/2 items-center justify-center rounded-md text-background/70 transition-colors hover:bg-background/10 hover:text-background\"\n      >\n        <X className=\"size-4\" />\n      </button>\n    </div>\n  );\n}\n","type":"registry:block","target":"components/blocks/banner/banner-announcement.tsx"}]}