import * as React from 'react';
import {translate} from 'react-i18next';

import FormControlLabel from '@material-ui/core/FormControlLabel';
import FormLabel from '@material-ui/core/FormLabel';
import FormControl from '@material-ui/core/FormControl';
import Radio from '@material-ui/core/Radio';
import RadioGroup from '@material-ui/core/RadioGroup';
import {PURPOSE_TYPES} from 'model/request/RequestInfo';

const PurposeTypeRadioGroup = ({input, meta, classes, formLabel, t, ...rest}) => (
  <FormControl required>
    <FormLabel>{ formLabel }</FormLabel>
    <RadioGroup
      { ...input }
      { ...rest }
      value={ input.value }
      onChange={
        (event, value) => input.onChange(value) // tslint:disable-line
      }
    >
      {
        PURPOSE_TYPES.map((purposeType) => (
          <FormControlLabel
            key={ purposeType.value }
            value={ purposeType.value }
            label={ t(purposeType.label) }
            control={ <Radio/> }
          />
        ))
      }
    </RadioGroup>
  </FormControl>
);

export default translate()(PurposeTypeRadioGroup);