// frontend/app/[locale]/layout.tsx
import type { ReactNode } from "react";

import Header from "@/components/Header";
import Footer from "@/components/Footer";
import { isLocale } from "@/lib/i18n";
import type { Locale } from "@/lib/i18n";

export default async function LocaleLayout({
  children,
  params,
}: {
  children: ReactNode;
  params: Promise<{ locale: string }>;
}) {
  // Next 16: params puede venir como Promise
  const { locale: rawLocale } = await params;

  const locale: Locale = isLocale(rawLocale) ? rawLocale : "en";

  return (
    <>
      <Header locale={locale} />
      {children}
      <Footer locale={locale} />
    </>
  );
}