import type React from "react"
import type { Metadata } from "next"
import { GeistSans } from "geist/font/sans"
import { GeistMono } from "geist/font/mono"
import { Analytics } from "@vercel/analytics/next"
import { Toaster } from "sonner"
import { NotificationProvider } from "@/contexts/notification-context"
import "./globals.css"
import { Suspense } from "react"

export const metadata: Metadata = {
  title: "GoHorseJobs - Encontre sua próxima oportunidade",
  description: "Conectamos candidatos e empresas de forma rápida e direta",
  generator: "v0.app",
  icons: {
    icon: "/logohorse.png",
    shortcut: "/logohorse.png",
    apple: "/logohorse.png",
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="pt-BR">
      <body className={`font-sans ${GeistSans.variable} ${GeistMono.variable} antialiased`}>
        <NotificationProvider>
          <Suspense fallback={<div>Loading...</div>}>{children}</Suspense>
          <Toaster
            position="top-right"
            richColors
            closeButton
            expand={false}
            duration={4000}
          />
        </NotificationProvider>
        <Analytics />
      </body>
    </html>
  )
}
