{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "trial-banner",
  "type": "registry:ui",
  "title": "Trial banner",
  "description": "Trial banner with a days left headline, a short note on what stays unlocked and an Upgrade button, on an accent tinted strip. Built for SaaS billing nudges.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/trial-banner.tsx",
      "type": "registry:ui",
      "target": "components/ui/trial-banner.tsx",
      "content": "\"use client\"\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TrialBanner({ daysLeft = 5, className }: { daysLeft?: number; className?: string }) {\n  return (\n    <div data-slot=\"trial-banner\" className={cn(\"flex flex-wrap items-center justify-between gap-3 rounded-xl border border-accent/30 bg-accent/5 px-4 py-3 shadow-highlight\", className)}>\n      <div>\n        <p className=\"text-sm font-medium text-fg\">Premium trial · {daysLeft} days left</p>\n        <p className=\"text-xs text-fg-muted\">Kinetic heroes and the client showcase stay unlocked until then.</p>\n      </div>\n      <Button size=\"sm\">Upgrade</Button>\n    </div>\n  )\n}\nexport { TrialBanner }\n"
    }
  ]
}