import { getServerLocale } from "@/lib/i18n/server";
import EPaperHero from "@/features/epaper/components/EPaperHero";
import EPaperShell from "@/features/epaper/components/EPaperShell";
import { Header } from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";

interface Props {
  params: Promise<{ id: string }>;
}

export default async function EPaperEditionPage({ params }: Props) {
  const { id } = await params;
  const locale = await getServerLocale();
  return (
    <div className="dt-fade-in">
      <Header locale={locale} />
      <main>
        <EPaperHero editionId={id} />
        <EPaperShell />
      </main>
      <Footer locale={locale} />
    </div>
  );
}