import { Construction } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { PageHead } from "@/components/mockup-ui";
import { MODULES, type ModuleKey } from "@/lib/modules";

/**
 * Platzhalter-Seite eines noch nicht umgesetzten Moduls. Die jeweilige Modul-Lane
 * ersetzt die `page.tsx` ihres Routenordners; `layout.tsx` (requireModule) bleibt.
 */
export async function ModulePlaceholder({ moduleKey }: { moduleKey: ModuleKey }) {
  const t = await getTranslations("modules");
  const mod = MODULES.find((m) => m.key === moduleKey)!;
  return (
    <main className="flex-1 p-6">
      <PageHead crumb={t("placeholder.crumb")} title={t(mod.nav)} />
      <div className="shadow-card mt-4 flex items-start gap-3 rounded-xl border bg-card p-5">
        <Construction className="mt-0.5 size-5 shrink-0 text-[var(--ui-accent)]" aria-hidden />
        <div>
          <p className="font-heading text-sm font-semibold">{t("placeholder.status")}</p>
          <p className="mt-1 text-[13px] text-muted-foreground">{t("placeholder.hint")}</p>
        </div>
      </div>
    </main>
  );
}