react-openfin-mat-impl/components/Header/HeaderThemeSwitcher.js

Materialize UI implementation of react-openfin

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const react_1 = require("react");
const react_openfin_1 = require("react-openfin");
const classnames_1 = require("classnames");
const styles_1 = require("@material-ui/styles");
const jss_1 = require("../../assets/jss");
const useStyles = styles_1.makeStyles(jss_1.headerThemeSwitcherCompStyle);
const HeaderThemeSwitcherComp = ({}) => {
    const classes = useStyles({});
    const { config: { application: { theme } }, actions: { onToggleThemeField, } } = react_1.useContext(react_openfin_1.ConfigContext);
    return (React.createElement("div", { className: classnames_1.default(classes.switcher, {
            [classes.active]: theme === react_openfin_1.MuiTheme.DARK
        }), onClick: onToggleThemeField }));
};
exports.default = HeaderThemeSwitcherComp;
//# sourceMappingURL=HeaderThemeSwitcher.js.map