"use client";

import { useRouter } from "next/navigation";
import { QuizEditor } from "../quiz-editor";
import { RequirePermission } from "@/components/staff-context";

export default function NewQuizPage() {
  const router = useRouter();
  return (
    <RequirePermission perm="quizzes:write">
      <div className="space-y-6">
        <h1 className="text-xl font-semibold text-foreground">New quiz</h1>
        <QuizEditor
          initial={null}
          onSaved={(q) => router.replace(`/quizzes/${q.id}`)}
        />
      </div>
    </RequirePermission>
  );
}