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 'react-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={'en'}>{t`PROTECTED.languages.nl`}</MenuItem>
26      </Select>
27    </FormControl>
28  );
29};  
30export default LangSelector;