import MenuOpenOutlined from "@mui/icons-material/MenuOpenOutlined";
import ShieldOutlined from "@mui/icons-material/ShieldOutlined";
import { KpiCard } from "@/shared/ui/KpiCard.jsx";

export function MenuStats({ menuTotal, permissionTotal }) {
  return (
    <section className="user-kpi-row" aria-label="菜单权限指标">
      <KpiCard icon={MenuOpenOutlined} label="菜单数量" value={menuTotal} sub={<span className="status-ok">菜单树</span>} />
      <KpiCard icon={ShieldOutlined} label="权限数量" value={permissionTotal} tone="info" sub={<span className="status-ok">菜单 / 按钮 / 接口</span>} />
    </section>
  );
}
