import { type NodeInputDefinition, type ChartNode, type NodeConnection, type NodeId, type PortId, type NodeOutputDefinition } from '@ironclad/rivet-core';
import { type MouseEvent, type FC } from 'react';
import type { HeightCache } from '../hooks/useNodeBodyHeight';
import { type ProcessDataForNode } from '../state/dataFlow';
import { type DraggingWireDef } from '../state/graphBuilder';
interface DraggableNodeProps {
    renderSkeleton?: boolean;
    heightCache: HeightCache;
    node: ChartNode;
    connections?: NodeConnection[];
    isSelected?: boolean;
    isKnownNodeType: boolean;
    onWireStartDrag?: (event: MouseEvent<HTMLElement>, startNodeId: NodeId, startPortId: PortId, isInput: boolean) => void;
    canvasZoom: number;
    lastRun?: ProcessDataForNode[];
    processPage: number | 'latest';
    draggingWire?: DraggingWireDef;
    isZoomedOut: boolean;
    isReallyZoomedOut: boolean;
    isPinned: boolean;
    onWireEndDrag?: (event: MouseEvent<HTMLElement>, endNodeId: NodeId, endPortId: PortId) => void;
    onNodeSelected?: (node: ChartNode, multi: boolean) => void;
    onNodeStartEditing?: (node: ChartNode) => void;
    onNodeSizeChanged?: (node: ChartNode, newWidth: number, newHeight: number) => void;
    onMouseOver?: (event: MouseEvent<HTMLElement>, nodeId: NodeId) => void;
    onMouseOut?: (event: MouseEvent<HTMLElement>, nodeId: NodeId) => 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 DraggableNode: FC<DraggableNodeProps>;
export {};
//# sourceMappingURL=DraggableNode.d.ts.map