import { EdgeProps } from '@xyflow/react';
/**
 * Edge with a small action button (e.g. delete) that appears at the path's midpoint on
 * hover — the common "edge with button" pattern (React Flow's own edges example package
 * ships one; this is a from-scratch, Signal-themed build, not a copy).
 *
 * The SVG path and the `EdgeLabelRenderer` HTML overlay are different DOM trees, so plain
 * CSS `:hover` can't reveal the button from hovering the path — hover is tracked explicitly
 * in local state instead, mirrored onto the overlay so moving the pointer onto the button
 * itself keeps it visible too.
 */
declare function FlowButtonEdgeComponent({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, data, }: EdgeProps): import("react/jsx-runtime").JSX.Element;
export declare const FlowButtonEdge: import('../../../../node_modules/react').MemoExoticComponent<typeof FlowButtonEdgeComponent>;
export {};