import { type FC } from 'react';
import { type ChartNode, type NodeConnection, type NodeId, type PortId } from '@ironclad/rivet-core';
import { type PortPositions } from './NodeCanvas';
type WireProps = {
    connection: NodeConnection;
    selected: boolean;
    highlighted: boolean;
    isNotRan: boolean;
    nodesById: Record<NodeId, ChartNode>;
    portPositions: PortPositions;
};
export type PartialConnection = {
    nodeId: NodeId;
    portId: PortId;
    toX: number;
    toY: number;
};
export declare const ConditionallyRenderWire: FC<WireProps>;
export declare const PartialWire: FC<{
    connection: PartialConnection;
    portPositions: PortPositions;
}>;
export declare const Wire: FC<{
    sx: number;
    sy: number;
    ex: number;
    ey: number;
    selected: boolean;
    highlighted: boolean;
    isNotRan: boolean;
}>;
export declare function getNodePortPosition(node: ChartNode, portId: PortId, cacheKey: string, portPositions: PortPositions): {
    x: number;
    y: number;
};
export declare function getConnectionCacheKeys(connection: NodeConnection): readonly [string, string];
export {};
//# sourceMappingURL=Wire.d.ts.map