import "./globals.css";
import { Footer } from "@/components/Footer";
import { Header } from "@/components/Header";
import { getCategories, getSiteConfig } from "@/lib/cms";
import { baseMetadata } from "@/lib/seo";

export async function generateMetadata() {
  const site = await getSiteConfig();
  return baseMetadata(site);
}

export default async function RootLayout({ children }: { children: React.ReactNode }) {
  const [site, categories] = await Promise.all([getSiteConfig(), getCategories()]);

  return (
    <html lang="es-PY">
      <body>
        <Header site={site} categories={categories} />
        {process.env.NEXT_PUBLIC_GA_ID ? (
          <script async src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_ID}`} />
        ) : null}
        {children}
        <Footer site={site} categories={categories} />
      </body>
    </html>
  );
}
