import { PageContainer } from "@/components/layout/PageContainer";
import { TimeRiver } from "@/components/archive/TimeRiver";

/**
 * 归档页：记忆时间河。
 *
 * 展示结构化的记忆时间线归档，支持筛选、统计、按月分章浏览与事件详情展开。
 * 当前使用假数据（mock），与 design/archive-preview.html 设计稿对齐。
 */
export default function ArchivePage() {
  return (
    <PageContainer
      title="归档 · 记忆时间河"
      description="记忆沿时序铺展，铜金分章卷轴，点击事件展开详情。"
      meta={
        <>
          <span className="inline-flex items-center gap-1.5 rounded-full border border-patina-dim bg-patina-wash px-2.5 py-0.5 text-xs text-patina">
            <span className="flex h-[18px] w-[18px] items-center justify-center rounded-full bg-patina text-[11px] font-semibold text-ink">
              梧
            </span>
            青梧
          </span>
          <span className="inline-flex items-center gap-1.5 rounded-full border border-gilt-dim bg-gilt-faint px-3 py-0.5 font-serif text-xs text-gilt">
            卷宗 3 · 事件 7
          </span>
        </>
      }
    >
      <TimeRiver />
    </PageContainer>
  );
}