1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-25 14:34:19 +00:00
pds-2021-g2-nest/nest_frontend/components/interactive/SelectLanguage.js

24 lines
839 B
JavaScript

import React, { useContext } from "react"
import Select from "../base/Select"
import ContextLanguage from "../../contexts/ContextLanguage"
/**
* A {@link Select} which allows the user to choose between the various available themes, switching between them as soon
* as the user selects a different one.
*
* @param props - Additional props to pass to the {@link Select}.
* @returns {JSX.Element}
* @constructor
*/
export default function SelectLanguage({ ...props }) {
const { lang, setLang } = useContext(ContextLanguage)
return (
<Select value={lang} onChange={event => setLang(event.target.value)} {...props}>
<option value={"it"}>🇮🇹 Italiano</option>
<option value={"en"}>🇬🇧 English</option>
<option value={"fi"}>🇫🇮 Suomi</option>
</Select>
)
}