VariantPills.jsx

1export function VariantPills({ variants, picked, onPick }) {2  if (variants.length < 2) return null;3  return (4    <div className="pick">5      <p className="fine" id="size">6        Size7      </p>8      <div className="sizes" role="group" aria-labelledby="size">9        {variants.map((variant) => (10          <button type="button" key={variant.id} aria-pressed={variant.size === picked ? "true" : "false"} onClick={() => onPick(variant.size)}>11            {variant.size}12          </button>13        ))}14      </div>15    </div>16  );17}