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

export const metadata: Metadata = {
  title: 'Tang Studio Dashboard',
  description: 'Tang Studio Administration Dashboard',
  icons: { icon: '/favicon.ico' },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body>
        <AuthProvider>
          {children}
          <Toaster
            position="top-right"
            toastOptions={{
              style: {
                background: '#13161E',
                color: '#E8EAF0',
                border: '1px solid #1E2330',
              },
              success: { iconTheme: { primary: '#22C55E', secondary: '#13161E' } },
              error:   { iconTheme: { primary: '#EF4444', secondary: '#13161E' } },
            }}
          />
        </AuthProvider>
      </body>
    </html>
  );
}
