import { Archive } from "lucide-react";

/** 备份与迁移（PRD §7）：创建备份、查看内容、恢复。空态按 v1.3 §3.7。 */
export function BackupPage() {
  return (
    <div className="placeholder-page">
      <div className="placeholder-icon">
        <Archive size={40} strokeWidth={1.5} aria-hidden="true" />
      </div>
      <h2 className="placeholder-title">还没有可备份的内容</h2>
      <p className="placeholder-desc">
        安装 CLI 并完成配置后，可以在这里创建备份与迁移。密钥永不进备份。
      </p>
      <button
        type="button"
        className="btn btn-secondary"
        disabled
        title="安装 CLI 后才能创建备份"
      >
        创建备份
      </button>
    </div>
  );
}