import React from "react";
import { Metadata } from "next";
import { notFound } from "next/navigation";

export const metadata: Metadata = {
  title: "Über uns",
  description:
    "Erfahren Sie mehr über MB Grid Solutions, unsere Expertise und unser Manifest für technische Exzellenz.",
};

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

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

  // Dynamically import the MDX content based on locale
  let Content: React.ComponentType;
  try {
    const mdx = await import(`@/content/${locale}/about.mdx`);
    Content = mdx.default;
  } catch {
    notFound();
  }

  return <Content />;
}