@ducor/react
Version:
admin template ui interface
14 lines (13 loc) • 1.06 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Flex from "../components/flex";
import { useThemeMode } from "../hooks";
import CustomizerButton from "./_customizer-button";
var LightDark = function () {
var _a = useThemeMode(), currentMode = _a.currentMode, setThemeMode = _a.setThemeMode;
// Handle theme mode change
var handleThemeChange = function (val) {
setThemeMode(val);
};
return (_jsxs(Flex, { gap: 2, direction: 'col', children: [_jsx("h3", { className: 'underline capitalize text-15 font-semibold text-gray-800 dark:text-gray-300', children: "Light & Dark" }), _jsxs("div", { className: 'flex flex-wrap gap-3', children: [_jsx(CustomizerButton, { label: 'Light', value: 'light', activeValue: currentMode, onClick: handleThemeChange }), _jsx(CustomizerButton, { label: 'Dark', value: 'dark', activeValue: currentMode, onClick: handleThemeChange }), _jsx(CustomizerButton, { label: 'System', value: 'system', activeValue: currentMode, onClick: handleThemeChange })] })] }));
};
export default LightDark;