---

export interface Props {
  values: Array<{label:String, name:string, checked?:boolean | undefined}>
}


const fields = Astro.props.values

---

<>
  <div class="flex, flex-col">
    {fields.map(value => (
          <input type="radio" id={value.name} name="note-min" value={value.name} checked={value.checked}>
          <label for={value.name} class="ml-1">{value.label}</label><br>
    ))}
  </div>
</>
