import React, { SVGAttributes, HTMLAttributes } from 'react';
import { Elements, NodeTypesType, EdgeTypesType, GridType, OnLoadFunc } from '../../types';
import '../../style.css';
export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onLoad'> {
    elements: Elements;
    onElementClick: () => void;
    onElementsRemove: (elements: Elements) => void;
    onNodeDragStop: () => void;
    onConnect: () => void;
    onLoad: OnLoadFunc;
    onMove: () => void;
    nodeTypes: NodeTypesType;
    edgeTypes: EdgeTypesType;
    connectionLineType: string;
    connectionLineStyle: SVGAttributes<{}>;
    deleteKeyCode: number;
    selectionKeyCode: number;
    showBackground: boolean;
    backgroundGap: number;
    backgroundColor: string;
    backgroundType: GridType;
    snapToGrid: boolean;
    snapGrid: [number, number];
    onlyRenderVisibleNodes: boolean;
    isInteractive: boolean;
}
declare const ReactFlow: {
    ({ style, onElementClick, elements, children, nodeTypes, edgeTypes, onLoad, onMove, onElementsRemove, onConnect, onNodeDragStop, connectionLineType, connectionLineStyle, deleteKeyCode, selectionKeyCode, showBackground, backgroundGap, backgroundType, backgroundColor, snapToGrid, snapGrid, onlyRenderVisibleNodes, isInteractive, }: ReactFlowProps): JSX.Element;
    displayName: string;
    defaultProps: {
        onElementClick: () => void;
        onElementsRemove: () => void;
        onNodeDragStop: () => void;
        onConnect: () => void;
        onLoad: () => void;
        onMove: () => void;
        nodeTypes: {
            input: ({ data, style, sourcePosition }: import("../../types").NodeProps) => JSX.Element;
            default: ({ data, targetPosition, sourcePosition, style }: import("../../types").NodeProps) => JSX.Element;
            output: ({ data, style, targetPosition }: import("../../types").NodeProps) => JSX.Element;
        };
        edgeTypes: {
            default: React.MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, }: import("../../types").EdgeBezierProps) => JSX.Element>;
            straight: React.MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, style }: import("../../types").EdgeProps) => JSX.Element>;
            step: React.MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, style }: import("../../types").EdgeProps) => JSX.Element>;
        };
        connectionLineType: string;
        connectionLineStyle: {};
        deleteKeyCode: number;
        selectionKeyCode: number;
        backgroundColor: string;
        backgroundGap: number;
        showBackground: boolean;
        backgroundType: GridType;
        snapToGrid: boolean;
        snapGrid: number[];
        onlyRenderVisibleNodes: boolean;
        isInteractive: boolean;
    };
};
export default ReactFlow;