/**
 * EdgeLayer - 拓扑连线 SVG 层（正交折线 + 端口标签）
 */
import React from 'react';
import type { FloorMapAppearanceTokens } from '../appearance/floorMapAppearance';
import type { FloorMapEdge } from '../types';
import { type FloorMapEdgeRoute, type FloorMapItemPixelRect } from '../utils/edgeRouting';
import './EdgeLayer.less';
export interface EdgeLayerProps {
    width: number;
    height: number;
    contentOffsetX?: number;
    contentOffsetY?: number;
    edges: FloorMapEdge[];
    routes: FloorMapEdgeRoute[];
    rectsById: Map<string, FloorMapItemPixelRect>;
    appearance: FloorMapAppearanceTokens;
    mode: 'read' | 'edit';
    selectedEdgeId?: string | null;
    ghostPathD?: string | null;
    onEdgeClick?: (edgeId: string, event: React.MouseEvent) => void;
    /** 画布 viewport scale，用于段手柄反向缩放 */
    viewportScale?: number;
    /** 段手柄拖动开始（含首/末段以触发 stub 插入） */
    onSegmentDragStart?: (params: {
        edgeId: string;
        role: 'first' | 'last' | 'inner';
        segmentIndex: number;
        axis: 'h' | 'v';
        startPosition: number;
        clientX: number;
        clientY: number;
        segmentLength?: number;
    }) => void;
    className?: string;
}
export declare function EdgeLayer(props: EdgeLayerProps): JSX.Element;
