import "@/app/globals.css"
import "@scandic-hotels/design-system/style.css"

import TrpcProvider from "@/lib/trpc/Provider"

import styles from "./layout.module.css"

import type { Metadata } from "next"

import type { LangParams, LayoutArgs } from "@/types/params"

export const metadata: Metadata = {
  title: "Webview",
}

export default function RootLayout({
  children,
  params,
}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
  return (
    <html lang={params.lang}>
      <body className={styles.layout}>
        <TrpcProvider lang={params.lang}>{children}</TrpcProvider>
      </body>
    </html>
  )
}
