import { InteractionMode } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
/** Props for {@link InteractionModeBadge}. */
export interface InteractionModeBadgeProps {
    /** The interaction mode to display. */
    readonly mode: InteractionMode;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Displays the interaction mode of an execution as a compact inline badge.
 *
 * Only renders for non-default modes (PLAN). Returns `null` for AGENT
 * and UNSPECIFIED since agent mode is the default and does not need
 * visual distinction.
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * <InteractionModeBadge mode={InteractionMode.PLAN} />
 * ```
 */
export declare const InteractionModeBadge: import("react").NamedExoticComponent<InteractionModeBadgeProps>;
//# sourceMappingURL=InteractionModeBadge.d.ts.map