import { Port } from '../../types/core';
/**
 * @file PortView component for rendering connection ports on nodes
 */
import * as React from "react";
export type PortViewProps = {
    port: Port;
    onPointerDown?: (e: React.PointerEvent, port: Port) => void;
    onPointerUp?: (e: React.PointerEvent, port: Port) => void;
    onPointerEnter?: (e: React.PointerEvent, port: Port) => void;
    onPointerMove?: (e: React.PointerEvent, port: Port) => void;
    onPointerLeave?: (e: React.PointerEvent, port: Port) => void;
    onPointerCancel?: (e: React.PointerEvent, port: Port) => void;
    /**
     * Set on the port that initiated the drag.
     * Visual: scale(1.5) + pulse animation (ripple effect)
     */
    isConnecting?: boolean;
    /**
     * Set on ports that can accept a connection from the dragging port.
     * Conditions: opposite input/output type, compatible data types, capacity check, etc.
     * Visual: accent border + scale(1.1) + pulse-connectable animation (ripple effect)
     */
    isConnectable?: boolean;
    /**
     * Set on the nearest connectable port during drag (snap candidate).
     * Visual: accent border + glow + scale(1.3)
     */
    isCandidate?: boolean;
    /**
     * Set on the port currently hovered by the pointer.
     * Visual: inner circle changes to accent color
     */
    isHovered?: boolean;
    /**
     * Set on ports that have an existing connection.
     * Visual: inner circle changes to success color (green)
     */
    isConnected?: boolean;
    /**
     * Control visibility of port label.
     * When false, label is hidden (e.g., when zoomed out).
     * Defaults to true.
     */
    showLabel?: boolean;
};
/**
 * PortView - Renders a connection port on a node
 * Handles port interactions for creating connections
 */
export declare const PortView: React.FC<PortViewProps>;