import { Position } from '../../types/core';
import { ConnectionPathCalculationContext } from '../../types/connectionBehavior';
/**
 * @file ConnectionPath component
 * Shared path rendering for both DragConnection and ConnectionView.
 * This ensures both use exactly the same path calculation and rendering logic.
 */
import * as React from "react";
export type ConnectionPathProps = {
    /** Output port position */
    outputPosition: Position;
    /** Input port position */
    inputPosition: Position;
    /** Optional extra context for behavior selection (e.g. based on nodes/ports) */
    calculationContext?: Omit<ConnectionPathCalculationContext, "outputPosition" | "inputPosition">;
    /** Additional className for the path */
    className?: string;
    /** Inline style for the path */
    style?: React.CSSProperties;
    /** Data attributes to apply to the path */
    dataAttributes?: Record<string, string | boolean | undefined>;
};
/**
 * Renders a connection path using the provided positions.
 * Direction is automatically calculated from the geometric relationship.
 */
export declare const ConnectionPath: React.FC<ConnectionPathProps>;
/**
 * Hook to compute path data string from positions.
 * Use this when you need the raw path data without rendering.
 */
export declare const useConnectionPathData: (outputPosition: Position, inputPosition: Position, calculationContext?: Omit<ConnectionPathCalculationContext, "outputPosition" | "inputPosition">) => string;