import ToggleIcon from 'material-ui-toggle-icon'
import IconButton from '@material-ui/core/IconButton'
import Visibility from '@material-ui/icons/Visibility'
import VisibilityOff from '@material-ui/icons/VisibilityOff'

export default class ToggleIconButton extends Component {
  state = { on: false }

  render() {
    <IconButton
      onClick={() => setState(state => ({ on: !state.on }))}
    >
      <ToggleIcon
        on={state.on}
        onIcon={<Visibility />}
        offIcon={<VisibilityOff />}
      />
    </IconButton>
  }
}