{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "product-card-custom-demo",
  "registryDependencies": [
    "@delta/product-card"
  ],
  "files": [
    {
      "path": "examples/product-card-custom-demo.tsx",
      "content": "\"use client\"\n\nimport Link from \"next/link\"\nimport { ArrowUpRight } from \"lucide-react\"\n\nimport {\n  ProductCard,\n  ProductCardContent,\n  ProductCardHeader,\n  ProductCardImage,\n  ProductCardMetric,\n  ProductCardSubtitle,\n  ProductCardTitle,\n} from \"@/components/ui/product-card\"\nimport { Badge } from \"@/components/ui/badge\"\n\nexport function ProductCardCustomDemo() {\n  const amazonUrl =\n    \"https://www.amazon.com/Creative-Act-Way-Being/dp/0593652886\"\n\n  return (\n    <div className=\"flex w-full justify-center\">\n      <Link href={amazonUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n        <ProductCard size=\"small\">\n          <ProductCardImage\n            src=\"https://pictures.abebooks.com/isbn/9781838858636-uk.jpg\"\n            alt=\"The Creative Act: A Way of Being\"\n          >\n            <div className=\"absolute top-3 right-3 z-10\">\n              <span\n                className=\"bg-secondary text-secondary-foreground flex size-8 items-center justify-center rounded-full\"\n                aria-label=\"View on Amazon\"\n              >\n                <ArrowUpRight className=\"size-4\" />\n              </span>\n            </div>\n          </ProductCardImage>\n\n          <ProductCardContent>\n            <ProductCardHeader>\n              <ProductCardTitle>\n                The Creative Act: A Way of Being\n              </ProductCardTitle>\n              <ProductCardSubtitle className=\"flex flex-wrap gap-1 pt-1\">\n                <Badge variant=\"secondary\" className=\"px-2 py-0.5 text-xs\">\n                  Creativity\n                </Badge>\n                <Badge variant=\"secondary\" className=\"px-2 py-0.5 text-xs\">\n                  Self-Help\n                </Badge>\n                <Badge variant=\"secondary\" className=\"px-2 py-0.5 text-xs\">\n                  Art\n                </Badge>\n              </ProductCardSubtitle>\n            </ProductCardHeader>\n            <ProductCardMetric>$18</ProductCardMetric>\n          </ProductCardContent>\n        </ProductCard>\n      </Link>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}