@lifi/widget/dist/esm/pages/LanguagesPage.js

LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.

import { jsx as _jsx } from "react/jsx-runtime";
import { List } from '@mui/material';
import { useTranslation } from 'react-i18next';
import { ListItemText } from '../components/ListItemText.js';
import { PageContainer } from '../components/PageContainer.js';
import { SettingsListItemButton } from '../components/SettingsListItemButton.js';
import { useHeader } from '../hooks/useHeader.js';
import { useLanguages } from '../hooks/useLanguages.js';
import { languageNames } from '../providers/I18nProvider/constants.js';
export const LanguagesPage = () => {
    const { t } = useTranslation();
    const { selectedLanguageCode, availableLanguages, setLanguageWithCode } = useLanguages();
    useHeader(t('language.title'));
    if (availableLanguages.length < 1) {
        return null;
    }
    return (_jsx(PageContainer, { disableGutters: true, children: _jsx(List, { sx: {
                paddingTop: 0,
                paddingLeft: 1.5,
                paddingRight: 1.5,
                paddingBottom: 1.5,
            }, children: availableLanguages.map((language) => (_jsx(SettingsListItemButton, { onClick: () => setLanguageWithCode(language), selected: selectedLanguageCode === language, children: _jsx(ListItemText, { primary: languageNames[language] ||
                        t('language.name', {
                            lng: language,
                        }) ||
                        language }) }, language))) }) }));
};
//# sourceMappingURL=LanguagesPage.js.map