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 {langs, langLocales} from '../../locales/constants';
 6
 7type Props = {
 8  value: Enum_Event_Lang;
 9  onChange: (lang: Enum_Event_Lang) => void;
10};
11
12const LangSelector = (props: Props) => {
13  return (
14    <FormControl fullWidth>
15      <Select
16        labelId="lang-selector"
17        id="lang-selector"
18        variant="standard"
19        value={props.value}
20        onChange={e => props.onChange(e.target.value)}
21      >
22        {langs.map(
23          lang =>
24            langLocales[lang] && (
25              <MenuItem value={lang} key={lang}>
26                {langLocales[lang]}
27              </MenuItem>
28            )
29        )}
30      </Select>
31    </FormControl>
32  );
33};
34export default LangSelector;