import AuthPage from "@/components/auth/AuthPage";
import ProductNavbar from "@/components/products/ProductNavbar";
import type { Product } from "@/data/products.data";
import { getProductLinks, getProductPageCopy } from "@/data/products.data";
import type { Dictionary } from "@/lib/i18n";
import type { Locale } from "@/lib/locales";

export default function ProductAccessPage({
  dictionary,
  locale,
  mode,
  product,
}: {
  dictionary: Dictionary;
  locale: Locale;
  mode: "login" | "register";
  product: Product;
}) {
  const copy = getProductPageCopy(locale);
  const links = getProductLinks(locale, product);

  return (
    <>
      <ProductNavbar bookDemoLabel={dictionary.common.bookDemo} copy={copy} currentPath={mode === "login" ? links.login : links.register} locale={locale} product={product} />
      <AuthPage locale={locale} mode={mode} product={product} />
    </>
  );
}