import type { CanvasTransitionEdgeData } from "./workflow-graph-conversions";
/**
 * Custom React Flow edge rendering a directed transition between tasks.
 *
 * Uses smoothstep routing (90-degree bends) with an arrowhead marker.
 * Optionally renders a label pill for named branches (switch_case cases,
 * human_input outcomes).
 *
 * In execution mode, applies per-edge visual treatment based on
 * `data.executionState` (T06): taken/not_taken/active/not_reached.
 *
 * Shows a "+" button at the midpoint on hover in design mode. Clicking
 * the button inserts a new task node between the source and target.
 *
 * @since T15 (Visual Canvas Editor), T06 (Branch Highlighting)
 */
export declare const CanvasTransitionEdge: import("react").NamedExoticComponent<Pick<import("@xyflow/react").Edge<Record<string, unknown>, string | undefined>, "id" | "source" | "data" | "type" | "style" | "target" | "selected" | "selectable" | "deletable" | "animated"> & import("@xyflow/system").EdgePosition & import("@xyflow/react").EdgeLabelOptions & {
    sourceHandleId?: string | null;
    targetHandleId?: string | null;
    markerStart?: string;
    markerEnd?: string;
    pathOptions?: any;
    interactionWidth?: number;
} & {
    data?: CanvasTransitionEdgeData;
}>;
//# sourceMappingURL=CanvasTransitionEdge.d.ts.map