mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-30 00:14:19 +00:00
25 lines
866 B
JavaScript
25 lines
866 B
JavaScript
import React, { useContext } from "react"
|
|
import Select from "../base/Select"
|
|
import ContextTheme from "../../contexts/ContextTheme"
|
|
import useStrings from "../../hooks/useStrings"
|
|
|
|
|
|
/**
|
|
* 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 SelectTheme({ ...props }) {
|
|
const { theme, setTheme } = useContext(ContextTheme)
|
|
const strings = useStrings()
|
|
|
|
return (
|
|
<Select value={theme} onChange={e => setTheme(e.target.value)} {...props}>
|
|
<option value={"ThemeDark"}>{strings.darkMode}</option>
|
|
<option value={"ThemeLight"}>{strings.lightMode}</option>
|
|
</Select>
|
|
)
|
|
}
|