"use client";

import { useEffect, useState } from "react";
import { CreateStudio } from "@/components/create-studio";
import { BrowserAuthGuard } from "@/components/browser-auth";

export default function CreatePage() {
  const [initialMode, setInitialMode] = useState<"image" | "video" | null>(null);

  useEffect(() => {
    setInitialMode(new URLSearchParams(window.location.search).get("mode") === "video" ? "video" : "image");
  }, []);

  return (
    <BrowserAuthGuard>
      {initialMode ? <CreateStudio initialMode={initialMode} /> : <section className="panel"><p className="muted">正在加载创作台…</p></section>}
    </BrowserAuthGuard>
  );
}