import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
/** Props for {@link WorkflowExecutionPhaseBadge}. */
export interface WorkflowExecutionPhaseBadgeProps {
    /** The workflow execution phase to display. */
    readonly phase: ExecutionPhase;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Displays the lifecycle phase of a `WorkflowExecution` 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
 * <WorkflowExecutionPhaseBadge phase={ExecutionPhase.EXECUTION_COMPLETED} />
 * ```
 */
export declare const WorkflowExecutionPhaseBadge: import("react").NamedExoticComponent<WorkflowExecutionPhaseBadgeProps>;
//# sourceMappingURL=WorkflowExecutionPhaseBadge.d.ts.map