// import { Lexend } from "next/font/google"
import "../globals.css"
import { AppProvider } from "@/provider/AppProvider"
import { CookiesProvider } from "next-client-cookies/server"
import React from "react"
import { AntdRegistry } from "@ant-design/nextjs-registry"
import { Metadata, Viewport } from "next"
import { AutoScrollTop } from "@/provider/AutoScrollTop"
// import FacebookPixel from "@/provider/FacebookPixel"
import { NextIntlClientProvider } from "next-intl"
import { getMessages, setRequestLocale } from "next-intl/server"
import { notFound } from "next/navigation"
import { routing } from "@/i18n/routing"

import { config } from "@fortawesome/fontawesome-svg-core"
import "@fortawesome/fontawesome-svg-core/styles.css"
import { NotificationProvider } from "@/component/Layout/NotificationContext"
config.autoAddCss = false

// const lexend = Lexend({
//   weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
//   subsets: ["latin"],
//   variable: "--font-lexend",
//   display: "swap",
// })

export const dynamic = "force-dynamic"
export const revalidate = 0

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  minimumScale: 1,
  maximumScale: 2,
  viewportFit: "cover",
  userScalable: false,
}

export function generateStaticParams() {
  return routing.locales.map((locale) => ({ locale }))
}

export const metadata: Metadata = {
  title: "Wizzor A Service of Sidepatch, LLC.",
  description:
    "The One Stop Business Social Media Website | B2B & B2C Solutions | No Popup Ads. The first communications tool of its kind for tablets and mobile phones. The service allows me to privately communicate knowing that",
  keywords: "B2B, B2C, No Ads, No Ai, Chef, Books, Gaming, News, Kuisine, Chat, Marketplace",
}

export default async function RootLayout({
  children,
  params: { locale },
}: Readonly<{
  children: React.ReactNode
  params: { locale: string }
}>) {
  if (!routing.locales.includes(locale as any)) {
    notFound()
  }
  const messages = await getMessages()
  setRequestLocale(locale)

  return (
    <html lang={locale}>
      <head>
        <meta
          name="google-site-verification"
          content="vJHAFD0jdeWqa54s_qIbYMSI952Bg0v4clBWWDnLw4o"
        />
        <link
          rel="preconnect"
          href="https://fonts.googleapis.com"
        />
        <link
          rel="preconnect"
          href="https://fonts.gstatic.com"
          crossOrigin="anonymous"
        />
        <link
          href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap"
          rel="stylesheet"></link>
        <link
          rel="stylesheet"
          type="text/css"
          href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"
        />
      </head>
      <body>
        <CookiesProvider>
          <AntdRegistry>
            <NextIntlClientProvider
              locale={locale}
              messages={messages}>
              <AppProvider>
                <AutoScrollTop />
                <NotificationProvider>{children}</NotificationProvider>
              </AppProvider>
            </NextIntlClientProvider>
          </AntdRegistry>
        </CookiesProvider>
        {/* <FacebookPixel FB_PIXEL_ID={code} /> */}
        {/* <Script
          strategy="afterInteractive"
          src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></Script>
        <Script
          strategy="afterInteractive"
          src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></Script>
        <Script
          strategy="afterInteractive"
          src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></Script> */}
      </body>
    </html>
  )
}
