import type { JSX } from "react"
import { ExamForm } from "@/modules/exams/components/exam-form"

export const dynamic = "force-dynamic"

export default function CreateExamPage(): JSX.Element {
  return (
    <div className="flex w-full justify-center items-center min-h-[calc(100vh-160px)] p-8 max-w-[1200px] mx-auto">
      <div className="w-full space-y-6">
        <div>
          <h1 className="text-2xl font-bold tracking-tight">Create Exam</h1>
          <p className="text-muted-foreground">Configure a new exam for your classes.</p>
        </div>
        <ExamForm />
      </div>
    </div>
  )
}