import type { Metadata } from "next";
import { Instrument_Sans } from "next/font/google";
import { SessionProvider } from "@/components/providers/session-provider";
import { NextIntlClientProvider } from 'next-intl';
import { getMessages } from 'next-intl/server';
import { notFound } from 'next/navigation';
import { routing } from '@/routing';
import "../globals.css";

const instrumentSans = Instrument_Sans({
  variable: "--font-sans",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Ranata Tour",
  description: "Portal resmi Ranata Tour - Penyedia layanan tour dan tiket pesawat",
};

export default async function RootLayout({
  children,
  params
}: {
  children: React.ReactNode;
  params: Promise<{locale: string}>;
}) {
  const { locale } = await params;

  if (!routing.locales.includes(locale as any)) {
    notFound();
  }
 
  const messages = await getMessages();

  return (
    <html
      lang={locale}
      className={`${instrumentSans.variable} h-full antialiased scrollbar-hide`}
    >
      <body className="min-h-full flex flex-col font-sans bg-bg-light text-body scrollbar-hide">
        <NextIntlClientProvider messages={messages}>
          <SessionProvider>{children}</SessionProvider>
        </NextIntlClientProvider>
      </body>
    </html>
  );
}
