import React from "react";
export interface GuidanceStep {
    agentId?: string;
    title: string;
    description: string;
    focusElement?: string;
    bubblePosition?: "left" | "right" | "bottom" | "top-right" | "bottom-right" | "top-left";
    /**
     * Actions that can complete the step.
     * Any action in this list completing will advance to the next step.
     *
     * - "waitForElement": auto-completes when element appears in DOM
     * - "timeout": auto-completes after a delay (currently 3s)
     * - "click", "input", "drag", "drop": waits for user action on an element
     * - "component-selected", "drag-ended": context-based actions (no element required)
     */
    actions: GuidanceAction[];
}
export type GuidanceActionType = "click" | "input" | "drag" | "drop" | "waitForElement" | "timeout" | "component-selected" | "drag-ended";
export interface GuidanceAction {
    type: GuidanceActionType;
    /**
     * Optional CSS selector for the action target.
     * If omitted for element-based actions, defaults to the step's focusElement.
     */
    element?: string;
}
export declare function GuidanceOverlay(): React.JSX.Element | null;
