import { notFound } from "next/navigation";
import ResultContent from "@/components/pages/exam/result/content";
import { checkExamGuard, PageType } from "@/components/exam/exam-guard";

export default async function ExamResultPage(props: {
  params: Promise<{ lang?: string; exam_id: string }>;
}) {
  const params = await props.params;
  const { me, exam, examId, latestAttempt } = await checkExamGuard(
    params,
    PageType.RESULT
  );

  if (!latestAttempt) {
    notFound();
  }

  return (
    <main className="mx-auto max-w-2xl p-4 md:p-6 lg:py-12 min-h-content">
      <div className="animate-fade-in">
        <ResultContent examId={examId} exam={exam} user={me} examAttempt={latestAttempt} />
      </div>
    </main>
  );
}
