src/components/providers.tsx

"use client";

import { ThemeProvider } from '@/components/theme-provider';
import { Toaster } from '@/components/ui/toaster';
import { AIWorldProvider } from '@/contexts/ai-world-context';
import { AuthProvider } from '@/contexts/auth-context';
import { LanguageProvider } from '@/contexts/language-context';
import { useEffect, useState } from 'react';

export function Providers({ children }: { children: React.ReactNode }) {
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    setMounted(true);
  }, []);

  if (!mounted) return <div className="min-h-screen bg-background" />;

  return (
    <LanguageProvider>
      <ThemeProvider>
        <AuthProvider>
          <AIWorldProvider>
            {children}
            <Toaster />
          </AIWorldProvider>
        </AuthProvider>
      </ThemeProvider>
    </LanguageProvider>
  );
}