ProductCard

A product display card with image, pricing, badge, rating, and add-to-cart action.

Overview

ProductCard renders a commerce-ready product display with image, title, price, optional discount badge, star rating, and an add-to-cart button.

<ProductCard
  image="/product.jpg"
  title="Wireless Headphones"
  price="$149.99"
  rating={4.5}
  badge="New"
  onAddToCart={handleAdd}
/>

Prop	Type	Default	Description
`image`	`string`	—	Product image URL
`title`	`string`	—	Product name
`price`	`string`	—	Formatted price
`originalPrice`	`string`	—	Strike-through original price
`rating`	`number`	—	Star rating (0–5)
`badge`	`string`	—	Badge text (e.g., "Sale")
`onAddToCart`	`() => void`	—	Add to cart handler