components/Providers.tsx

'use client';

import * as React from 'react';
import { ThemeProvider as NextThemesProvider } from 'next-themes';
import { ThemeProviderProps } from 'next-themes/dist/types';
import { TooltipProvider } from '@/components/ui/Tooltip';
import { ThemeToggle } from './ThemeToggle';

export function Providers({ children, ...props }: ThemeProviderProps) {
  return (
    <NextThemesProvider {...props}>
      <TooltipProvider>
        {children}
        <ThemeToggle />
      </TooltipProvider>
    </NextThemesProvider>
  );
}