import styles from './Toggle.module.css';

interface ToggleProps extends React.InputHTMLAttributes<HTMLInputElement> {
  children: React.ReactNode;
}

const Toggle = ({ style, ...props }: ToggleProps) => (
  <label className={styles.tggl} style={style}>
    <input className={styles.tggl__checkbox} type="checkbox" {...props} />
    <div className={styles.tggl__background} />
    <div className={styles.tggl__button} />
  </label>
);

export default Toggle;