Wishlist Save

Product row with a photo, name, price, and a pill Save button that fills with a rose heart and shows the total wishlist count when active.

Field Leather Backpack
Field Leather Backpack$340

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Commerce10 } from "@/components/beste/piece/commerce10";

<Commerce10
  image="https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=256&auto=format&fit=crop"
  name="Field Leather Backpack"
  price="$340"
  saved={true}
  savedCount={1284}
/>