"use client";

import { ReactNode } from "react";
import ExamTimer from "@/components/exam/exam-timer";
import { type Exam } from "@/lib/api/exams";

interface ExamLayoutProps {
  exam: Exam;
  children: ReactNode;
}

export default function QuestionLayout({
  exam,
  children
}: ExamLayoutProps) {

  return (
    <div className="mx-auto max-w-(--breakpoint-xl) p-4 md:p-6 lg:px-12 min-h-content">
      <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6">
        <div>
          <h1 className="text-2xl font-semibold text-foreground">
            {exam.title}
          </h1>
        </div>
        <ExamTimer />
      </div>

      {children}
    </div>
  );
}