import { Port } from '../../types/core';
import { ConnectablePortsResult } from '../../core/port/connectivity/connectableTypes';
/**
 * @file Node ports renderer component
 */
import * as React from "react";
export type NodePortsRendererProps = {
    ports: Port[];
    onPortPointerDown?: (e: React.PointerEvent, port: Port) => void;
    onPortPointerUp?: (e: React.PointerEvent, port: Port) => void;
    onPortPointerEnter?: (e: React.PointerEvent, port: Port) => void;
    onPortPointerMove?: (e: React.PointerEvent, port: Port) => void;
    onPortPointerLeave?: (e: React.PointerEvent, port: Port) => void;
    onPortPointerCancel?: (e: React.PointerEvent, port: Port) => void;
    hoveredPort?: Port;
    connectedPortIds?: ReadonlySet<string>;
    connectablePorts?: ConnectablePortsResult;
    connectingPortId?: string;
    candidatePortId?: string;
};
export type NodePortsRendererPropsWithLabels = NodePortsRendererProps & {
    showLabels?: boolean;
};
export declare const NodePortsRenderer: React.MemoExoticComponent<(props: NodePortsRendererPropsWithLabels) => import("react/jsx-runtime").JSX.Element>;