Theme Provider

1"use client";
2 
3import { ThemeProvider as NextThemesProvider } from "next-themes";
4import type { ComponentProps } from "react";
5 
6export function ThemeProvider({
7  children,
8  ...props
9}: ComponentProps<typeof NextThemesProvider>) {
10  return (
11    <NextThemesProvider
12      attribute="class"
13      defaultTheme="system"
14      enableSystem
15      disableTransitionOnChange
16      {...props}
17    >
18      {children}
19    </NextThemesProvider>
20  );
21}