import { useTranslation } from 'react-i18next';
import { useGlobalStates } from '@cap-rel/smartcommon';
import { Select } from '@cap-rel/smartcommon';

export const LanguageSelector = () => {
    const { i18n } = useTranslation();
    const [settings, setSettings] = useGlobalStates('settings');

    const changeLanguage = (lng) => {
        i18n.changeLanguage(lng);
        setSettings({ ...settings, lng });
    };

    return (
        <Select
            value={i18n.language}
            onChange={(e) => changeLanguage(e.target.value)}
            options={[
                { value: 'fr', label: 'Français' },
                { value: 'en', label: 'English' }
            ]}
        />
    );
};