PrimaryPills.jsx

1import { PRIMARIES, primaryName } from "../lib/shop.ts";23export function PrimaryPills({ picked, onPick }) {4  return (5    <div className="pick">6      <p className="fine" id="primary">7        Primary8      </p>9      <div className="sizes primaries" role="group" aria-labelledby="primary">10        {PRIMARIES.map((primary) => (11          <button type="button" key={primary} aria-pressed={primary === picked ? "true" : "false"} onClick={() => onPick(primary)}>12            {primaryName(primary)}13          </button>14        ))}15      </div>16    </div>17  );18}