{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "banner-1",
  "registryDependencies": [
    "@fulldev/banner",
    "@fulldev/icon"
  ],
  "files": [
    {
      "path": "src/components/blocks/banner-1.astro",
      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Banner, BannerContainer } from \"@/components/ui/banner\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  link?: {\n    label: string\n    href: string\n  }\n}\n\nconst { class: className, title, description, link } = Astro.props\n---\n\n<Banner\n  storageKey=\"banner-1\"\n  class={cn(\"dark bg-background text-foreground\", className)}\n>\n  <BannerContainer class=\"flex-row items-center gap-x-4 gap-y-1\">\n    <p class=\"text-sm leading-relaxed\">\n      <span class=\"font-semibold\">{title}</span>\n      <span class=\"mx-1.5 hidden opacity-50 sm:inline\">&mdash;</span>\n      <span class=\"opacity-80\">{description}</span>\n    </p>\n    {\n      link && (\n        <a\n          href={link.href}\n          class=\"group/link inline-flex shrink-0 items-center gap-1 text-sm font-medium underline underline-offset-4 transition-opacity hover:opacity-80\"\n        >\n          {link.label}\n          <Icon\n            name=\"arrow-right\"\n            class=\"size-3.5 transition-transform group-hover/link:translate-x-0.5\"\n          />\n        </a>\n      )\n    }\n  </BannerContainer>\n</Banner>\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}