You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
518 B
21 lines
518 B
7 years ago
|
import {ThemeContext} from './theme-context';
|
||
|
|
|
||
|
|
function ThemeTogglerButton() {
|
||
|
|
// highlight-range{1-2,5}
|
||
|
|
// The Theme Toggler Button receives not only the theme
|
||
|
|
// but also a toggleTheme function from the context
|
||
|
|
return (
|
||
|
|
<ThemeContext.Consumer>
|
||
|
|
{({theme, toggleTheme}) => (
|
||
|
|
<button
|
||
|
|
onClick={toggleTheme}
|
||
|
|
style={{backgroundColor: theme.background}}>
|
||
|
|
Toggle Theme
|
||
|
|
</button>
|
||
|
|
)}
|
||
|
|
</ThemeContext.Consumer>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ThemeTogglerButton;
|