import React from 'react';
import { PortWidget } from './components/ports';
import { ZoomControls } from './components/zoom-controls';
import { RetractingPort } from './components/ports/retracting';
import { BlockTray } from './components/block-tray';
import { AbstractNodeFactory, IAbstractNodeFactory } from './factories/abstract-node-factory';
import { InfiniteCanvasNode, InfiniteCanvasPath, InfiniteCanvasPosition } from './types/canvas';
import { AbstractPathFactory, IAbstractPathFactory } from './factories/abstract-path-factory';
export * from './types';
export * from './components/nodes';
export * from './components/paths';
export { IAbstractNodeFactory, IAbstractPathFactory, AbstractNodeFactory, AbstractPathFactory, ZoomControls, RetractingPort, BlockTray, PortWidget };
export interface Block {
    icon?: any;
    label?: string;
    blockType?: string;
    content?: any;
    extras?: any;
}
export interface InfiniteCanvasProps {
    finite?: boolean;
    fitToBounds?: boolean;
    showGuides?: boolean;
    style?: {
        background: string;
        pathColor?: string;
        dotColor?: string;
        lineColor?: string;
        portColor?: string;
        portDotColor?: string;
    };
    router?: 'JumpPointFinder';
    routerOptions?: {
        heuristic?: 'manhattan' | 'euclidean' | 'chebyshev';
        allowDiagonal?: boolean;
    };
    className?: string;
    editable?: boolean;
    onDelete?: () => void;
    nodes?: InfiniteCanvasNode[];
    paths?: InfiniteCanvasPath[];
    onNodeCreate?: (position: InfiniteCanvasPosition, data: any) => void;
    onNodeUpdate?: (node: InfiniteCanvasNode) => void;
    onPathCreate?: (path: InfiniteCanvasPath) => void;
    onPathUpdate?: (path: InfiniteCanvasPath) => void;
    onBackdropClick?: () => void;
    assets?: {
        [key: string]: JSX.Element;
    };
    factories?: Array<AbstractNodeFactory | AbstractPathFactory>;
    snapToGrid?: boolean;
    grid?: {
        width: number;
        height: number;
        divisions: number;
    };
    offset?: {
        x: number;
        y: number;
    };
    menu?: any;
    information?: any;
    contextMenu?: {
        label?: any;
        icon?: any;
        onClick?: (type: "node" | "path", id: string) => void;
    }[];
    zoom?: number;
    selected?: {
        key: "node" | "path";
        id: string;
    }[];
    onSelect?: (key: "node" | "path", id: string) => void;
    onRightClick?: (target: any, position: {
        x: number;
        y: number;
    }) => void;
    onViewportChanged?: (viewport: {
        zoom: number;
        offset: {
            x: number;
            y: number;
        };
    }) => void;
}
export declare const BaseInfiniteCanvas: React.FC<InfiniteCanvasProps>;
export declare const InfiniteCanvas: import("styled-components").StyledComponent<React.FC<InfiniteCanvasProps>, any, {}, never>;