import type { Metadata } from 'next';
import { Toaster } from 'react-hot-toast';
import './globals.css';
import AuthProvider from '@/components/AuthProvider';
import AppShell from '@/components/AppShell';

export const metadata: Metadata = {
  title: 'FORGE AI - Creative Tools Platform',
  description: 'Unified AI-powered creative tools for image, video, and audio generation',
  icons: {
    icon: '/favicon.ico',
    shortcut: '/THE_FORGE_LOGO.png',
    apple: '/apple-touch-icon.png',
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className="font-montserrat bg-forge-black min-h-screen" suppressHydrationWarning={true}>
        <Toaster
          position="top-right"
          toastOptions={{
            style: {
              background: '#1a1a1a',
              color: '#fff',
              border: '1px solid #2a2a2a',
            },
            success: {
              iconTheme: {
                primary: '#FFC407',
                secondary: '#000',
              },
            },
          }}
        />
        <AuthProvider>
          <AppShell>{children}</AppShell>
        </AuthProvider>
      </body>
    </html>
  );
}
