import Link from "next/link";
import { AppBrand, ArrowLeftIcon } from "@/components/AppBrand";
import { ImportWizard } from "@/components/import/ImportWizard";

export const metadata = {
  title: "上传电子书 · 听阅",
};

export default function ImportPage() {
  return (
    <div className="workflow-shell">
      <header className="workflow-topbar">
        <AppBrand />
        <Link className="back-link" href="/"><ArrowLeftIcon />返回书架</Link>
      </header>
      <main className="workflow-main">
        <div className="workflow-heading">
          <p className="eyebrow">添加到书架</p>
          <h1>上传电子书</h1>
          <p>选择 EPUB 或 PDF。文件会保存到云端，解析与 OCR 则在你的浏览器中完成。</p>
        </div>
        <ImportWizard />
      </main>
    </div>
  );
}
