/**
 * @fileoverview FloatingCursor React Component - Visual indicator for AI automation
 *
 * A React component that displays an animated cursor with a text badge to show where the AI
 * is interacting with the page during voice-controlled automation.
 *
 * Features:
 * - Smooth position transitions
 * - Typing animation for text labels
 * - Bounce animation when idle
 * - Smart badge positioning (flips to right edge if needed)
 * - Fully styled with Tailwind CSS
 *
 * @module @vowel.to/client/components
 * @author vowel.to
 * @license Proprietary
 */
/**
 * FloatingCursor component props
 */
export interface FloatingCursorComponentProps {
    /** X position as percentage (0-100) */
    x?: number;
    /** Y position as percentage (0-100) */
    y?: number;
    /** Text to display in badge */
    text?: string;
    /** Whether cursor is idle (shows bounce animation) */
    isIdle?: boolean;
    /** Whether cursor is visible */
    visible?: boolean;
    /** Cursor color (hex) */
    cursorColor?: string;
    /** Cursor size in pixels */
    cursorSize?: number;
    /** Badge background color (hex) */
    badgeBackground?: string;
    /** Badge text color (hex) */
    badgeTextColor?: string;
    /** Enable typing animation */
    enableTyping?: boolean;
    /** Typing speed in milliseconds */
    typingSpeed?: number;
    /** Enable bounce animation when idle */
    enableBounce?: boolean;
    /** Transition duration in milliseconds */
    transitionDuration?: number;
    /** Z-index for positioning */
    zIndex?: number;
    /** Callback when typing animation completes */
    onTypingComplete?: () => void;
}
/**
 * FloatingCursor Component
 *
 * Displays an animated cursor with text badge to visualize AI automation actions.
 *
 * @example
 * ```tsx
 * <FloatingCursorComponent
 *   x={50}
 *   y={50}
 *   text="Clicking button"
 *   visible={true}
 *   isIdle={false}
 * />
 * ```
 */
export declare function FloatingCursorComponent({ x, y, text, isIdle, visible, cursorColor, cursorSize, badgeBackground, badgeTextColor, enableTyping, typingSpeed, enableBounce, transitionDuration, zIndex, onTypingComplete, }: FloatingCursorComponentProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=FloatingCursorComponent.d.ts.map