/**
 * DebugOverlay - Visual Debug Information Component
 *
 * Displays real-time debug information about agent execution including
 * current step, last action, element count, and LLM reasoning.
 * Only renders when debugMode is enabled.
 *
 * Requirements: 9.1, 9.2, 9.3, 9.4
 */
import React from 'react';
import { ViewStyle } from 'react-native';
import { AgentStep, AgentState } from '../types';
export interface DebugOverlayProps {
    /** Whether debug mode is enabled (component only renders if true) */
    debugMode: boolean;
    /** Current agent state */
    state?: AgentState;
    /** Current step number */
    stepNumber?: number;
    /** Maximum steps allowed */
    maxSteps?: number;
    /** Last step information */
    lastStep?: AgentStep;
    /** Custom container style */
    style?: ViewStyle;
}
/**
 * Overlay component that displays debug information during agent execution
 *
 * @example
 * ```tsx
 * <DebugOverlay
 *   debugMode={true}
 *   state={agentState}
 *   stepNumber={5}
 *   maxSteps={50}
 *   lastStep={lastStepInfo}
 * />
 * ```
 */
export declare function DebugOverlay({ debugMode, state, stepNumber, maxSteps, lastStep, style, }: DebugOverlayProps): React.ReactElement | null;
//# sourceMappingURL=DebugOverlay.d.ts.map