"use client";

import { ThemeProvider as NextThemesProvider, type ThemeProviderProps } from "next-themes";

const defaultThemeProps: ThemeProviderProps = {
  attribute: "class",
  defaultTheme: "system",
  enableSystem: true,
  disableTransitionOnChange: true,
  enableColorScheme: true,
  storageKey: "mohfarawati-theme",
};

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return (
    <NextThemesProvider {...defaultThemeProps} {...props}>
      {children}
    </NextThemesProvider>
  );
}