import React, { useState } from 'react'; | |
import styles from './toggleRow.module.css'; | |
const ToggleRow = ({ option }) => { | |
const [active, setActive] = useState(false); | |
return ( | |
<div className={styles.toggleRow}> | |
{option} | |
<label className={styles.toggle}> | |
<input className={styles.toggleInput} type='checkbox' checked={active} onChange={() => setActive(!active)}/> | |
<span className={styles.toggleSlider}></span> | |
</label> | |
</div> | |
) | |
} | |
export default ToggleRow; |