/* eslint-disable @typescript-eslint/no-unused-expressions */
import React from 'react';

export interface SwitchProp {
  label?: string;
  checked?: boolean;
  toggleSwitch?: (value: boolean) => void;
  disabled?: boolean;
}

export const Switch: React.FC<SwitchProp> = (props) => {
  const { label, checked, disabled, toggleSwitch } = props;
  return (
    <label className="paypay-switch">
      <input
        type="checkbox"
        checked={checked}
        disabled={disabled}
        onChange={(e) => toggleSwitch && toggleSwitch(!checked)}
      />
      <i></i>
      {label && <span>{label}</span>}
    </label>
  );
};

Switch.defaultProps = {
  label: '',
};

export default Switch;