@redocly/theme
Version:
Shared UI components lib
21 lines • 1.23 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ColorModeSwitcher = ColorModeSwitcher;
const react_1 = __importDefault(require("react"));
const hooks_1 = require("../../core/hooks");
const ColorModeIcon_1 = require("../../components/ColorModeSwitcher/ColorModeIcon");
const Button_1 = require("../../components/Button/Button");
function ColorModeSwitcher({ className }) {
const { isSwitcherHidden, initActiveColorMode, switchColorMode, activeColorMode } = (0, hooks_1.useColorSwitcher)();
(0, hooks_1.useMount)(() => {
initActiveColorMode();
});
if (isSwitcherHidden) {
return null;
}
return (react_1.default.createElement(Button_1.Button, { "data-component-name": "ColorModeSwitcher/ColorModeSwitcher", "data-testid": "color-mode-switcher", onClick: () => switchColorMode(), "aria-label": activeColorMode, extraClass: className, variant: "secondary", size: "medium", icon: react_1.default.createElement(ColorModeIcon_1.ColorModeIcon, { mode: activeColorMode }) }));
}
//# sourceMappingURL=ColorModeSwitcher.js.map