/**
 * TransitionArrow Component
 *
 * An SVG arrow connecting two state nodes in the graph editor.
 * Shows the event name as a label on the arrow.
 *
 * @packageDocumentation
 */
import React from 'react';
export interface TransitionArrowProps {
    /** Start position (center of from-node) */
    from: {
        x: number;
        y: number;
    };
    /** End position (center of to-node) */
    to: {
        x: number;
        y: number;
    };
    /** Event label shown on the arrow */
    eventLabel: string;
    /** Guard hint shown below event */
    guardHint?: string;
    /** Whether this transition is currently active */
    isActive?: boolean;
    /** Click handler */
    onClick?: () => void;
    /** Additional CSS classes for the SVG group */
    className?: string;
}
export declare function TransitionArrow({ from, to, eventLabel, guardHint, isActive, onClick, className, }: TransitionArrowProps): React.JSX.Element;
export declare namespace TransitionArrow {
    var displayName: string;
}
export default TransitionArrow;
