Gift Card Picker

Amount selector for a gift card with a gift icon header, four preset value chips where the selected one fills with tone, and a custom amount row.

Gift card amount
$Custom amount

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

Import & use
import { Commerce18 } from "@/components/beste/piece/commerce18";

<Commerce18
  amounts={[
    25,
    50,
    100,
    250
  ]}
  selected={100}
  currency="$"
  tone="rose"
/>