import { PreviewNotice, StatusCard } from "@/components/ui";

export const metadata = { title: "用户管理" };

export default function AdminUsersPage() {
  return <div className="container-shell py-16 sm:py-24"><p className="eyebrow">Admin / Users</p><h1 className="mt-5 text-4xl font-semibold tracking-[-0.05em]">用户与会员</h1><p className="mt-4 max-w-xl text-muted">Phase 4 管理界面结构预览。当前不查询或修改真实用户。</p><div className="mt-8"><PreviewNotice>筛选、禁用、VIP 授予和额度调整按钮保持不可用，不会产生任何操作成功提示。</PreviewNotice></div><div className="mt-8 grid gap-5 md:grid-cols-3"><StatusCard title="用户总数" description="待 API 接入" /><StatusCard title="VIP 用户" description="待会员服务接入" tone="info" /><StatusCard title="待处理" description="无可核实数据" tone="warning" /></div><div className="mt-8 overflow-hidden rounded-2xl border border-line bg-panel/50"><div className="flex flex-col gap-4 border-b border-line p-5 sm:flex-row"><input aria-label="按邮箱筛选" className="field-input sm:max-w-sm" disabled placeholder="按邮箱筛选（待接入）" /><button className="button-ghost sm:ml-auto" disabled type="button">筛选（待接入）</button></div><div className="p-10 text-center text-sm text-muted">暂无真实用户数据。表格将在 API 与权限模型完成后启用。</div></div></div>;
}