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

import FormControlLabel from '@material-ui/core/FormControlLabel';
import Switch from '@material-ui/core/Switch';

//
// Render a switch form control (a yes/no toggler)
const renderToggler = ({input, falseIsNull = false, label, meta, t, ...rest}: { falseIsNull?: boolean } & any) => {

    const onChange = (event, checked) => {
      input.onChange(checked ? checked : (falseIsNull && ! checked ? null : checked));
    };

    return (
        <FormControlLabel
            control={ <Switch checked={ input.value } onChange={ onChange } /> }
            label={ t(label) }
        />
    );
};

export default translate()(renderToggler);