ToggleRow.js

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;