{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"card-de-produto","type":"registry:component","title":"Card de produto","description":"Imagem, desconto, avaliação, preço e botão de compra.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["badge","button","card"],"files":[{"path":"components/card-de-produto.tsx","type":"registry:component","content":"'use client'\n\nimport { Heart, ShoppingCart, Star } from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardFooter } from '@/components/ui/card'\n\nexport default function CardProduto() {\n  return (\n    <Card className=\"w-72 pt-0\">\n      <div className=\"relative aspect-[4/3] bg-gradient-to-br from-muted to-muted-foreground/20\">\n        <Badge className=\"absolute left-3 top-3\">-20%</Badge>\n        <Button variant=\"secondary\" size=\"icon-sm\" className=\"absolute right-3 top-3 rounded-full\" aria-label=\"Favoritar\">\n          <Heart />\n        </Button>\n      </div>\n      <CardContent className=\"space-y-2\">\n        <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n          <Star className=\"size-3.5 fill-amber-500 text-amber-500\" /> 4,8 · 212 avaliações\n        </div>\n        <h3 className=\"font-medium leading-tight\">Fone Bluetooth ANC Pro</h3>\n        <div className=\"flex items-baseline gap-2\">\n          <span className=\"text-lg font-semibold\">R$ 399</span>\n          <span className=\"text-sm text-muted-foreground line-through\">R$ 499</span>\n        </div>\n      </CardContent>\n      <CardFooter className=\"border-t\">\n        <Button className=\"w-full\">\n          <ShoppingCart data-icon=\"inline-start\" /> Adicionar\n        </Button>\n      </CardFooter>\n    </Card>\n  )\n}\n"}]}