PROJECT_HIPSTAGRAM/src/components/toggle/index.js

import React from 'react'
import styles from './index.module.scss'

const Toggle = ({ value, onChange }) => (
    <label className={styles.switch}
        htmlFor="toggler">
    <input
      id="toggler"
      type="checkbox"
      onClick={onChange}
      checked={value}
            readOnly
            className='toggler'
    />
    <span className={styles.slider} />
    <span className={styles.wave} />
  </label>
)

export default Toggle