Ela_Front/src/components/ToggleSwitch.js

26 lines
731 B
JavaScript

import React from "react";
const ToggleSwitch = ({ label, checked }) => {
return (
<div className="toggleswitch">
<div className="container">
<nav style={{"width":"50%", "float":"left", "textAlign":'right',"paddingTop":'10px'}}>{label}{" "} </nav>
<nav style={{"width":"50%", "float":"right", "textAlign":'right', }}>
<div className="toggle-switch">
<input type="checkbox" className="checkbox"
name={label} id={label} checked={checked} />
<label className="label" htmlFor={label}>
<span className="inner" />
<span className="switch" />
</label>
</div>
</nav>
</div>
</div>
);
};
export default ToggleSwitch;