import type React        from 'react';
import type { Metadata } from 'next';

import { GeistSans }     from 'geist/font/sans';
import { Analytics }     from '@vercel/analytics/next';
import { Toaster }       from '@/components/ui/sonner';
import { ThemeProvider } from '@/lib/theme-provider';
import { Bprogress }     from '@/components/providers';

import './globals.css';

export const metadata: Metadata = {
  title:       "Kokotrack - Binary Trading Journal",
  description: "Professional binary options trading journal with analytics, simulator, and market insights",
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" suppressHydrationWarning className={GeistSans.className}>
      <body>
        <ThemeProvider defaultTheme="system" storageKey="kokotrack-theme">
          <Bprogress>
            {children}
          </Bprogress>
          <Toaster />
          <Analytics />
        </ThemeProvider>
      </body>
    </html>
  )
}
