/**
 * DebugVisualFeedback - Visual Debug Feedback Component
 *
 * Provides visual feedback for debug mode including:
 * - Screen flash (white border) on state changes
 * - Tap indicator (red circle) on tap actions
 * - Element bounding boxes (green for clickable, yellow for text)
 * - Element labels with IDs
 *
 * Requirements: 9.1, 9.2
 */
import React from 'react';
import { ViewStyle } from 'react-native';
import { ScreenState } from '../types';
export interface DebugVisualFeedbackProps {
    /** Whether debug mode is enabled (component only renders if true) */
    debugMode: boolean;
    /** Current screen state with elements */
    screenState?: ScreenState;
    /** Last tap coordinates for tap indicator */
    lastTapCoordinates?: {
        x: number;
        y: number;
    };
    /** Trigger screen flash animation */
    triggerFlash?: boolean;
    /** Show element bounding boxes */
    showBoundingBoxes?: boolean;
    /** Show element labels with IDs */
    showElementLabels?: boolean;
    /** Custom container style */
    style?: ViewStyle;
}
/**
 * Component that provides visual debug feedback during agent execution
 *
 * @example
 * ```tsx
 * <DebugVisualFeedback
 *   debugMode={true}
 *   screenState={currentScreenState}
 *   lastTapCoordinates={{ x: 100, y: 200 }}
 *   triggerFlash={true}
 *   showBoundingBoxes={true}
 *   showElementLabels={true}
 * />
 * ```
 */
export declare function DebugVisualFeedback({ debugMode, screenState, lastTapCoordinates, triggerFlash, showBoundingBoxes, showElementLabels, style, }: DebugVisualFeedbackProps): React.ReactElement | null;
//# sourceMappingURL=DebugVisualFeedback.d.ts.map