{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "announcement",
  "type": "registry:component",
  "title": "Announcement",
  "description": "Announcement banner component with tag and title support.",
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "registry/new-york/blocks/landing-page/components/announcement.tsx",
      "content": "import type { ComponentProps, HTMLAttributes } from 'react';\nimport { Badge } from '@/components/ui/badge';\nimport { cn } from '@/lib/utils';\nexport type AnnouncementProps = ComponentProps<typeof Badge> & {\n  themed?: boolean;\n};\nexport const Announcement = ({\n  variant = 'outline',\n  themed = false,\n  className,\n  ...props\n}: AnnouncementProps) => (\n  <Badge\n    className={cn(\n      'group max-w-full gap-2 rounded-full bg-background px-3 py-0.5 font-medium shadow-sm transition-all',\n      'hover:shadow-md',\n      themed && 'announcement-themed border-foreground/5',\n      className\n    )}\n    variant={variant}\n    {...props}\n  />\n);\nexport type AnnouncementTagProps = HTMLAttributes<HTMLDivElement>;\nexport const AnnouncementTag = ({\n  className,\n  ...props\n}: AnnouncementTagProps) => (\n  <div\n    className={cn(\n      '-ml-2.5 shrink-0 truncate rounded-full bg-foreground/5 px-2.5 py-1 text-xs',\n      'group-[.announcement-themed]:bg-background/60',\n      className\n    )}\n    {...props}\n  />\n);\nexport type AnnouncementTitleProps = HTMLAttributes<HTMLDivElement>;\nexport const AnnouncementTitle = ({\n  className,\n  ...props\n}: AnnouncementTitleProps) => (\n  <div\n    className={cn('flex items-center gap-1 truncate py-1', className)}\n    {...props}\n  />\n);",
      "type": "registry:ui"
    }
  ]
}