Create OtomatikSwitch component

This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-03-27 02:16:32 +04:00
parent 6d171fb0de
commit 6ca7591a25
+22
View File
@@ -0,0 +1,22 @@
import PropTypes from 'prop-types'
import FormGroup from '@mui/material/FormGroup'
import FormControlLabel from '@mui/material/FormControlLabel'
import Switch from '@mui/material/Switch'
export default function OtomatikSwitch({tradiksyonOtomatik, setTradiksyonOtomatik, disabled}) {
const handleChange = event => {
setTradiksyonOtomatik(event.target.checked)
}
return (
<FormGroup sx={{marginTop: 2}}>
<FormControlLabel control={<Switch checked={tradiksyonOtomatik} onChange={handleChange} />} disabled={disabled} label='Traduction automatique du Français vers les autres langues' labelPlacement='top' />
</FormGroup>
)
}
OtomatikSwitch.propTypes = {
tradiksyonOtomatik: PropTypes.bool.isRequired,
setTradiksyonOtomatik: PropTypes.func.isRequired,
disabled: PropTypes.bool.isRequired
}