import React from "react";
import { AgentStatusSummary } from "./useAgentStatus";
import { Agent } from "../services/agentService";
interface AgentStatusBadgeProps {
    status: AgentStatusSummary;
    className?: string;
}
export interface AgentStatusConfig {
    color: string;
    label: string;
    shouldPulse: boolean;
}
export declare function getAgentStatusConfig(agent: Agent): AgentStatusConfig;
/**
 * Badge that overlays on the agent icon to show status
 * Always displays the total number of active agents with color-coded status:
 * - Amber: Agents waiting for approval or cost limit reached (highest priority)
 * - Blue (pulsing): Agents actively running
 * - Green: Other active agents
 */
export declare function AgentStatusBadge({ status, className }: AgentStatusBadgeProps): React.JSX.Element | null;
export {};
