text: import React, { useState } from 'react'
  import classNames from 'classnames'
  
  const CheckboxInputV2 = ({ label, onChange, className, ...rest }, ref) => {
    const [checked, setChecked] = useState(false)
    const change = (e) => {
      onChange && onChange(!checked)
      setChecked(!checked)
    }
    const _class = classNames('custom-control', 'checkbox-input v2', className)
    return (
      <div className={_class} onClick={change}>
        <input ref={ref} type="checkbox" className="custom-control-input" checked={checked} onChange={e => { }} {...rest}/>
        <span className="checkmark"></span>
        { label && <label className="custom-control-label">{label}</label> }
      </div>
    )
  }
  
  export default React.forwardRef(CheckboxInputV2)
  