import Link from "next/link";
import { CanonImportView } from "./CanonImportView";

export default function CanonImportPage() {
  return (
    <main className="mx-auto flex w-full max-w-2xl flex-1 flex-col gap-4 p-6">
      <div className="flex items-center justify-between">
        <h1 className="text-lg font-bold" style={{ color: "var(--accent)" }}>
          匯入章節
        </h1>
        <Link href="/lobby" className="text-xs" style={{ color: "var(--ink-soft)" }}>
          回到大廳
        </Link>
      </div>
      <CanonImportView />
    </main>
  );
}