{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "strip-banner",
  "title": "Strip Banner",
  "description": "Compact notification banner for urgent announcements, alerts, and time-sensitive information. Features emoji support and dual action buttons.",
  "registryDependencies": [],
  "files": [
    {
      "path": "src/lib/kapwa/strip-banner/index.tsx",
      "content": "type StripBannerItem = {\n  id: number;\n  emoji: string;\n  mainText: string;\n  subText: string;\n  primaryButton: {\n    text: string;\n    className?: string;\n    href: string;\n  };\n  secondaryLink: {\n    text: string;\n    className?: string;\n    href: string;\n  };\n};\nconst StripBanner = ({\n  stripBannerTitle,\n  stripBanner,\n}: {\n  stripBannerTitle: string;\n  stripBanner: StripBannerItem;\n}) => {\n  return (\n    <div>\n      <h3 className='font-medium mb-4'>{stripBannerTitle}</h3>\n      <div className='relative overflow-hidden bg-linear-to-r from-orange-500 via-red-500 to-pink-500 text-white py-3 rounded-lg'>\n        <div className='container mx-auto px-4'>\n          <div className='flex flex-col sm:flex-row items-center justify-between gap-2'>\n            <div className='flex items-center gap-3'>\n              <span className='font-bold text-sm'>\n                {stripBanner.emoji} {stripBanner.mainText}\n              </span>\n              <span className='hidden md:inline text-sm text-orange-100'>\n                {stripBanner.subText}\n              </span>\n            </div>\n            <div className='flex items-center gap-3'>\n              <a\n                className={\n                  stripBanner.primaryButton.className ||\n                  'bg-gray-100 text-gray-800 px-4 py-1.5 rounded-full text-sm font-semibold hover:bg-gray-200'\n                }\n                href={stripBanner.primaryButton.href}\n              >\n                {stripBanner.primaryButton.text}\n              </a>\n              <a\n                className={\n                  stripBanner.secondaryLink.className ||\n                  'text-xs text-orange-200 underline'\n                }\n                href={stripBanner.secondaryLink.href}\n              >\n                {stripBanner.secondaryLink.text}\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { StripBanner };\nexport type { StripBannerItem };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}