frontend/containers/Alerts/AlertsHead.tsx (view raw)
1import Box from '@mui/material/Box';
2import FormControlLabel from '@mui/material/FormControlLabel';
3import Typography from '@mui/material/Typography';
4import Toggle from '../../components/Toggle/index';
5import {t} from 'i18next';
6
7interface Props {
8 handleToggle: () => void;
9 checked: boolean;
10}
11
12const AlertsHeader = ({handleToggle, checked}: Props) => {
13 return (
14 <Box display="flex" alignItems="center" justifyContent="space-between">
15 <Typography variant="h5">{t('alert.title')}</Typography>
16 <FormControlLabel
17 control={<Toggle activate={handleToggle} checked={checked} />}
18 label=""
19 sx={{m: 0}}
20 />
21 </Box>
22 );
23};
24
25export default AlertsHeader;