Theme

1
import { ThemeProvider } from "@nordaun/theme";
2
 
3
export function ProviderComponent({ children }: { children: React.ReactNode }) {
4
  return (
5
    <ThemeProvider
6
      cookieName="THEME"
7
      defaultTheme="system"
8
      enableSystem
9
      disableTransition
10
    >
11
      {children}
12
    </ThemeProvider>
13
  );
14
}

1
import { useTheme } from "@nordaun/theme";
2
 
3
// eslint-disable-next-line react-hooks/rules-of-hooks
4
const { theme, themes, setTheme } = useTheme();
5
console.log("Current theme:", theme);
6
console.log("All avialable themes:", themes);
7
setTheme("system");