import React from "react";
import "./ToggleSwitch.css";

const toggleSwitch = (props) => {
  return (
    <React.Fragment>
      <input
        type="checkbox"
        name="onoffswitch"
        className={props.class}
        id={props.id}
        onChange={props.change}
        checked={props.checked}
      />
      <label className="onoffswitch-label" htmlFor={props.htmlFor}>
        <span className="onoffswitch-inner"></span>
        <span className="onoffswitch-switch"></span>
      </label>
    </React.Fragment>
  );
};

export default toggleSwitch;