import FormControl from '@mui/joy/FormControl';
import FormLabel from '@mui/joy/FormLabel';
import FormHelperText from '@mui/joy/FormHelperText';
import Radio from '@mui/joy/Radio';
import RadioGroup from '@mui/joy/RadioGroup';

export default function RadioButtonsGroup() {
  return (
    <FormControl>
      <FormLabel>Gender</FormLabel>
      <RadioGroup defaultValue="female" name="radio-buttons-group">
        <Radio
          value="female"
          label="Female"
          slotProps={{ input: { 'aria-describedby': 'female-helper-text' } }}
        />
        <FormHelperText id="female-helper-text">
          Helper text for this radio.
        </FormHelperText>
        <Radio value="male" label="Male" />
        <Radio value="other" label="Other" />
      </RadioGroup>
      <FormHelperText>This is helper text.</FormHelperText>
    </FormControl>
  );
}