() => {
  const values = ['Habitat loss', 'Predators', 'Starvation', 'Diseases'];
  const [checkedValue, setCheckedValue] = React.useState();

  return (
    <Fieldset label="What is the number one threat to chameleon populations?">
      {values.map((value, index) => (
        <div key={value} style={{marginBottom: '12px'}}>
          <Radio
            labelPlacement={props.labelPlacement}
            optionalLabel={props.optionalLabel}
            message={props.message}
            disabled={props.disabled}
            name="radio-name"
            id={'radio-' + index}
            value={value}
            label={value}
            onChange={
              ({target}) => setCheckedValue(target.value)
            }
          />
        </div>
      ))}
      <div style={{marginTop: '24px'}}>Checked value: {checkedValue}</div>
    </Fieldset>
  );
};