export const data = {
  size: "medium",
};

export default () => (
  <fieldset class="space-y-2">
    {[
      ["small", "Small"],
      ["medium", "Medium"],
      ["large", "Large"],
    ].map(([value, label]) => (
      <label key={value} class="flex items-center gap-2">
        <input type="radio" value={value} bind={data.size} />
        {label}
      </label>
    ))}
  </fieldset>
);