import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
/** Props for {@link ExecutionPhaseBadge}. */
export interface ExecutionPhaseBadgeProps {
    /** The execution phase to display. */
    readonly phase: ExecutionPhase;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Displays the lifecycle phase of an `AgentExecution` as an
 * inline badge with a status icon and label.
 *
 * Renders nothing for `EXECUTION_PHASE_UNSPECIFIED`.
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * <ExecutionPhaseBadge phase={ExecutionPhase.EXECUTION_COMPLETED} />
 * ```
 */
export declare const ExecutionPhaseBadge: import("react").NamedExoticComponent<ExecutionPhaseBadgeProps>;
//# sourceMappingURL=ExecutionPhaseBadge.d.ts.map