import { type NodeInputDefinition, type ChartNode, type NodeConnection, type NodeId, type PortId, type NodeOutputDefinition } from '@ironclad/rivet-core';
import { type FC, type MouseEvent } from 'react';
import { type DraggingWireDef } from '../state/graphBuilder';
export type NodePortsProps = {
    node: ChartNode;
    connections: NodeConnection[];
    zoomedOut?: boolean;
    draggingWire: DraggingWireDef | undefined;
    closestPortToDraggingWire: {
        nodeId: NodeId;
        portId: PortId;
    } | undefined;
    onWireStartDrag?: (event: MouseEvent<HTMLElement>, startNodeId: NodeId, startPortId: PortId, isInput: boolean) => void;
    onWireEndDrag?: (event: MouseEvent<HTMLElement>, endNodeId: NodeId, endPortId: PortId) => void;
    onPortMouseOver?: (event: MouseEvent<HTMLElement>, nodeId: NodeId, isInput: boolean, portId: PortId, definition: NodeInputDefinition | NodeOutputDefinition) => void;
    onPortMouseOut?: (event: MouseEvent<HTMLElement>, nodeId: NodeId, isInput: boolean, portId: PortId, definition: NodeInputDefinition | NodeOutputDefinition) => void;
};
export declare const LoopControllerNodePorts: FC<NodePortsProps>;
//# sourceMappingURL=LoopControllerNodePorts.d.ts.map