{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "single-pricing-card",
  "title": "Single Pricing Card",
  "author": "STARCK",
  "description": "An opinionated single-plan pricing card for focused products.",
  "files": [
    {
      "path": "registry/default/single-pricing-card.tsx",
      "content": "type PricingPlan = {\n  name: string\n  price: string\n  interval?: string\n  description: string\n  features: readonly string[]\n  ctaLabel: string\n  ctaHref: string\n  badge?: string\n  highlighted?: boolean\n}\n\ntype SinglePricingCardProps = PricingPlan & {\n  className?: string\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      className=\"mt-0.5 size-4 shrink-0\"\n      aria-hidden\n    >\n      <path\n        d=\"m3 8.2 3 3L13 4.8\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.7\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction SinglePricingCard({\n  name,\n  price,\n  interval,\n  description,\n  features,\n  ctaLabel,\n  ctaHref,\n  badge,\n  highlighted = false,\n  className = \"\",\n}: SinglePricingCardProps) {\n  return (\n    <article\n      className={`relative flex h-full flex-col overflow-hidden rounded-3xl border p-6 ${highlighted ? \"border-zinc-950 bg-zinc-950 text-white shadow-[0_28px_80px_-36px_rgba(0,0,0,0.65)]\" : \"border-black/8 bg-white text-zinc-950\"} ${className}`}\n    >\n      {badge ? (\n        <span\n          className={`absolute top-5 right-5 rounded-full px-2.5 py-1 text-[10px] font-semibold tracking-[0.08em] uppercase ${highlighted ? \"bg-white/12 text-white\" : \"bg-zinc-100 text-zinc-600\"}`}\n        >\n          {badge}\n        </span>\n      ) : null}\n      <p\n        className={`text-sm font-medium ${highlighted ? \"text-white/70\" : \"text-zinc-500\"}`}\n      >\n        {name}\n      </p>\n      <div className=\"mt-5 flex items-end gap-1.5\">\n        <span className=\"text-4xl font-semibold tracking-[-0.05em]\">\n          {price}\n        </span>\n        {interval ? (\n          <span\n            className={`pb-1 text-sm ${highlighted ? \"text-white/55\" : \"text-zinc-500\"}`}\n          >\n            / {interval}\n          </span>\n        ) : null}\n      </div>\n      <p\n        className={`mt-3 text-sm leading-6 ${highlighted ? \"text-white/60\" : \"text-zinc-600\"}`}\n      >\n        {description}\n      </p>\n      <ul className=\"mt-6 space-y-3\">\n        {features.map((feature) => (\n          <li\n            key={feature}\n            className={`flex gap-2 text-sm ${highlighted ? \"text-white/80\" : \"text-zinc-700\"}`}\n          >\n            <CheckIcon />\n            <span>{feature}</span>\n          </li>\n        ))}\n      </ul>\n      <a\n        href={ctaHref}\n        className={`mt-7 inline-flex h-11 items-center justify-center rounded-full px-5 text-sm font-semibold transition-transform hover:-translate-y-0.5 active:translate-y-0 ${highlighted ? \"bg-white text-zinc-950\" : \"bg-zinc-950 text-white\"}`}\n      >\n        {ctaLabel}\n      </a>\n    </article>\n  )\n}\n\nexport { SinglePricingCard }\nexport type { PricingPlan, SinglePricingCardProps }\n",
      "type": "registry:component",
      "target": "components/single-pricing-card.tsx"
    }
  ],
  "type": "registry:component"
}