react-standalone-form-mui/src/Switch.js

The Material UI suite for react-standalone-form library.

import React from 'react'
import FormControlLabel from '@material-ui/core/FormControlLabel'
import MUISwitch from '@material-ui/core/Switch'
import withFormControl from './FormControl'


const Switch = ({
  name,
  value,
  small,
  checkedLabel,
  unCheckedLabel,
  required,
  setValue,
}) => {
  const safeValue = !!value
  return (
    <FormControlLabel control={
      <MUISwitch
        checked={safeValue}
        size={small ? 'small' : 'medium'}
        onChange={e => setValue(name, e.target.checked, required)}
        onClick={e => e.stopPropagation()}
      />
    } label={safeValue ? checkedLabel : unCheckedLabel} />
  )
}

Switch.displayName = 'Switch'

export default withFormControl(Switch)