frontend/components/LangSelector/index.tsx (view raw)
1import FormControl from '@mui/material/FormControl';
2import {Enum_Event_Lang} from '../../generated/graphql';
3import Select from '@mui/material/Select';
4import MenuItem from '@mui/material/MenuItem';
5import {useTranslation} from 'next-i18next';
6
7type Props = {
8 value: Enum_Event_Lang;
9 onChange: (lang: Enum_Event_Lang) => void;
10};
11
12const LangSelector = (props: Props) => {
13 const {t} = useTranslation();
14 return (
15 <FormControl fullWidth>
16 <Select
17 labelId="lang-selector"
18 id="lang-selector"
19 variant="standard"
20 value={props.value}
21 onChange={e => props.onChange(e.target.value)}
22 >
23 <MenuItem value={'fr'}>{t`PROTECTED.languages.fr`}</MenuItem>
24 <MenuItem value={'en'}>{t`PROTECTED.languages.en`}</MenuItem>
25 <MenuItem value={'nl'}>{t`PROTECTED.languages.nl`}</MenuItem>
26 </Select>
27 </FormControl>
28 );
29};
30export default LangSelector;