import {useState} from 'react';
import MenuList from '@material-ui/core/MenuList';
import MenuItem from '@material-ui/core/MenuItem';
import {makeStyles} from '@material-ui/core/styles';
import {useTranslation} from 'react-i18next';
import {
Enum_Userspermissionsuser_Lang,
} from '../../generated/graphql';
import withLanguagesSelection, {
LanguageSelectionComponentProps,
} from './withLanguagesSelection';
const Languages = ({
language,
setLanguage,
onConfirmCallback,
}: LanguageSelectionComponentProps) => {
const {t} = useTranslation();
const [isSelecting, setSelecting] = useState(false);
const {languagesList} = useStyles({isSelecting});
const handleClick = event => {
setSelecting(!isSelecting);
};
const onConfirm = (lang: Enum_Userspermissionsuser_Lang) => {
setLanguage(lang);
setSelecting(false);
onConfirmCallback(lang);
};
return (
<>
>
);
};
const useStyles = makeStyles(theme => ({
languagesList: ({isSelecting}: {isSelecting: boolean}) => ({
visibility: isSelecting ? 'visible' : 'hidden',
maxHeight: isSelecting ? 'none' : 0,
padding: isSelecting ? `0 ${theme.spacing(0.5)}px` : 0,
overflow: 'hidden',
}),
}));
export default withLanguagesSelection(Languages);