product-card-size-demo

1"use client"
2 
3import {
4  ProductCard,
5  ProductCardContent,
6  ProductCardHeader,
7  ProductCardImage,
8  ProductCardMetric,
9  ProductCardSubtitle,
10  ProductCardTitle,
11} from "@/components/ui/product-card"
12 
13export function ProductCardSizeDemo() {
14  return (
15    <div className="w-full">
16      <ProductCard size="lg">
17        <ProductCardImage
18          src="https://assets.curated.supply/Analogue_Pocket.webp"
19          alt="Analogue Pocket"
20        />
21 
22        <ProductCardContent>
23          <ProductCardHeader>
24            <ProductCardTitle>Analogue Pocket</ProductCardTitle>
25            <ProductCardSubtitle>Gaming Console</ProductCardSubtitle>
26          </ProductCardHeader>
27          <ProductCardMetric>$219</ProductCardMetric>
28        </ProductCardContent>
29      </ProductCard>
30    </div>
31  )
32}