import React from "react";
import { Download } from "lucide-react";
import { notFound } from "next/navigation";
import { LegalLayout } from "@/components/LegalLayout";

interface PageProps {
  params: Promise<{ locale: string }>;
}

export default async function Page({ params }: PageProps) {
  const { locale } = await params;

  let Content: React.ComponentType;
  try {
    const mdx = await import(`@/content/${locale}/avb.mdx`);
    Content = mdx.default;
  } catch {
    notFound();
  }

  const downloadButton = (
    <a
      href="/assets/avb-mb-grid-4-2026.pdf"
      download
      className="btn-primary !py-3 !px-6 flex items-center gap-2"
    >
      <Download size={18} />
      Als PDF herunterladen
    </a>
  );

  return (
    <LegalLayout title="AVB" heroAction={downloadButton}>
      <Content />
    </LegalLayout>
  );
}