better-auth/docs/components/providers.tsx

"use client";

import { ThemeProvider } from "next-themes";
import type { ReactNode } from "react";
import { Toaster } from "sonner";

export function Providers({ children }: { children: ReactNode }) {
	return (
		<ThemeProvider
			attribute="class"
			enableSystem={true}
			disableTransitionOnChange
		>
			{children}
			<Toaster />
		</ThemeProvider>
	);
}