Size Picker

import { Commerce3 } from "@/components/beste/piece/commerce3";

<Commerce3
  title="Size"
  selected="M"
  sizeGuideLabel="Size guide"
  sizes={[
    {
      "label": "XS"
    },
    {
      "label": "S",
      "soldOut": true
    },
    {
      "label": "M"
    },
    {
      "label": "L"
    },
    {
      "label": "XL"
    },
    {
      "label": "XXL",
      "soldOut": true
    }
  ]}
  tone="foreground"
/>