Files
meshtastic-web/src/components/generic/ThemeController.tsx
T
2024-10-06 21:24:12 +10:00

19 lines
418 B
TypeScript

import { useAppStore } from "@core/stores/appStore.ts";
import type { ReactNode } from "react";
export interface ThemeControllerProps {
children: ReactNode;
}
export const ThemeController = ({
children,
}: ThemeControllerProps): JSX.Element => {
const { darkMode, accent } = useAppStore();
return (
<div data-theme={darkMode ? "dark" : "light"} data-accent={accent}>
{children}
</div>
);
};