Function Switch

docs/src/components/Switch.tsx:9–29

({ value, onValueChange, color }: SwitchProps)

}

const Switch = ({ value, onValueChange, color }: SwitchProps) => {
  const background = value ? color : 'none';
  return (
    <>
      <input
        checked={value}
        onChange={onValueChange}
        className="react-switch-checkbox"
        id={`react-switch-new`}
        type="checkbox"
      />
      <label
        style={{ background }}
        className="react-switch-label"
        htmlFor={`react-switch-new`}
      >
        <span className={`react-switch-button`} />
      </label>
    </>
  );
};

export default Switch;