import { useConsole } from "../context";
import { Card, Bar } from "../components/ui";

// Right-panel context for Workers / Admin / API Key views.
export default function HealthPanel() {
  const ctx = useConsole();
  return (
    <Card title="健康与配额">
      <Bar>
        <span className="muted">{ctx.healthText}</span>
        <button onClick={ctx.refreshHealth}>刷新</button>
      </Bar>
      <div><span className="muted">{ctx.quotaText}</span></div>
      <div className="muted">{ctx.workersSummary}</div>
    </Card>
  );
}