openreplay/frontend/app/components/ui/Toggler/Toggler.js
2021-05-01 15:12:01 +05:30

20 lines
423 B
JavaScript

import styles from './toggler.css';
export default ({
onChange,
name,
className,
checked,
}) => (
<div className={ className }>
<label className={ styles.switch }>
<input
type={ styles.checkbox }
onClick={ onChange }
name={ name }
checked={ checked }
/>
<span className={ `${ styles.slider } ${ checked ? styles.checked : '' }` } />
</label>
</div>
);