"use client";

import { useRouter } from "next/navigation";
import { ArrowLeft } from "lucide-react";
import PostEditor from "@/components/PostEditor";

export default function NewPostPage() {
  const router = useRouter();

  return (
    <div className="px-8 py-8">
      <div className="flex items-center gap-3 mb-8">
        <button
          type="button"
          onClick={() => router.back()}
          className="p-1 -ml-1 rounded hover:bg-surface text-muted hover:text-text transition-colors"
          title="返回"
        >
          <ArrowLeft size={16} />
        </button>
        <h2 className="text-lg font-bold text-text">撰写文章</h2>
      </div>
      <PostEditor />
    </div>
  );
}