import React from 'react'; import {IntlContextConsumer, changeLocale} from 'gatsby-plugin-intl'; // Contexts: import {useFlags} from '../../contexts/FlagContext'; // @ts-ignore import languageIcon from '/node_modules/uswds/dist/img/usa-icons/language.svg'; import * as styles from './Language.module.scss'; const languageName = { en: 'English', es: 'EspaƱol', }; interface ILanguageProps { isDesktop: boolean } const Language = ({isDesktop}:ILanguageProps) => { const flags = useFlags(); return 'sp' in flags ? (
{'language {({languages, language: currentLocale}) => languages.map((language: React.Key | null | undefined) => ( changeLocale(language)} > {languageName[language]} )) }
) : null; }; export default Language;