providers/themeProvider.tsx at main · keii.dev/nodejs.org

keii.dev / nodejs.org

The Node.js® Website

nodejs.org / providers / themeProvider.tsx

at main 443 B view raw

 1'use client';
 2
 3import { ThemeProvider as NextThemeProvider } from 'next-themes';
 4import type { FC, PropsWithChildren } from 'react';
 5
 6import { THEME_STORAGE_KEY } from '@/next.constants.mjs';
 7
 8export const ThemeProvider: FC<PropsWithChildren> = ({ children }) => (
 9  <NextThemeProvider
10    attribute="data-theme"
11    defaultTheme="system"
12    storageKey={THEME_STORAGE_KEY}
13    enableSystem={true}
14  >
15    {children}
16  </NextThemeProvider>
17);