import React from 'react';
import { FastField } from 'formik';
import { handleStringChange } from 'utils';
import intl from 'react-intl-universal';
import { RadioGroup, Radio } from '@blueprintjs/core';

export default function RadiosAccountingBasis(props) {
  const { key = 'basis', ...rest } = props;
  

  return (
    <FastField name={'basis'}>
      {({
        form: { setFieldValue },
        field: { value },
      }) => (
        <RadioGroup
          inline={true}
          label={intl.get('accounting_basis')}
          name="basis"
          onChange={handleStringChange((value) => {
            setFieldValue(key, value);
          })}
          className={'radio-group---accounting-basis'}
          selectedValue={value}
          {...rest}
        >
          <Radio label={intl.get('cash')} value="cash" />
          <Radio label={intl.get('accrual')} value="accural" />
        </RadioGroup>
      )}
    </FastField>
  );
}