import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import '../globals.css'
import { GoogleOAuthWrapper } from '../GoogleOAuthWrapper'
import { PaddleProvider } from '../PaddleProvider'
import { NextIntlClientProvider } from 'next-intl'
import { getMessages } from 'next-intl/server'

const inter = Inter({ subsets: ['latin'], variable: '--font-sans' })

export const metadata: Metadata = {
  title: 'CahooTravel — Find Hidden Travel Deals',
  description: 'The same hotel room, different price depending on where you search from. Unlock hidden deals and track fare drops.',
  icons: { icon: '/favicon.svg' },
}

export default async function LocaleLayout({
  children,
  params,
}: {
  children: React.ReactNode
  params: Promise<{ locale: string }>
}) {
  const { locale } = await params
  const messages = await getMessages()

  return (
    <html lang={locale}>
      <body className={`${inter.variable} font-sans antialiased`}>
        <NextIntlClientProvider messages={messages}>
          <GoogleOAuthWrapper>
            <PaddleProvider>{children}</PaddleProvider>
          </GoogleOAuthWrapper>
        </NextIntlClientProvider>
      </body>
    </html>
  )
}
