import React, { MutableRefObject } from 'react';
import { InfiniteCanvasNode, InfiniteCanvasPath, InfiniteCanvasPosition } from '../types/canvas';
import { HMIPosition } from '../assets/hmi-spec';
import { IAbstractNodeFactory } from '../factories/abstract-node-factory';
import { IAbstractPathFactory } from '../factories/abstract-path-factory';
export interface IInfiniteCanvasContext {
    finite?: boolean;
    style?: {
        lineColor?: string;
        pathColor?: string;
        pathBorderColor?: string;
        dotColor?: string;
        background: string;
        portColor?: string;
        portDotColor?: string;
    };
    snapToGrid?: boolean;
    grid?: {
        width: number;
        height: number;
        divisions: number;
    };
    editable?: boolean;
    nodes?: InfiniteCanvasNode[];
    router?: any;
    bounds?: {
        width: number;
        height: number;
    };
    setNodes?: (nodes: InfiniteCanvasNode[]) => void;
    paths?: InfiniteCanvasPath[];
    setPaths?: (paths: InfiniteCanvasPath[]) => void;
    assets?: {
        [key: string]: JSX.Element;
    };
    factories?: {
        [type: string]: IAbstractNodeFactory | IAbstractPathFactory;
    };
    isPortDragging?: boolean;
    offset: HMIPosition;
    zoom: number;
    darkMode?: boolean;
    engine?: {
        generatePath: (start: HMIPosition, end: HMIPosition) => {
            x: number;
            y: number;
        }[];
    };
    nodeRefs?: MutableRefObject<{
        [key: string]: any;
    }>;
    ports?: {
        [key: string]: {
            relativeX: number;
            relativeY: number;
            width: number;
            height: number;
        };
    };
    setPorts?: (ports: {
        [key: string]: any;
    }) => void;
    setNodeRefs?: (nodeRefs: {
        [key: string]: any;
    }) => void;
    dragPort?: (e: React.MouseEvent, handleId?: string, nodeId?: string) => void;
    reportPosition?: (opts: {
        nodeId: string;
        handleId: string;
        position: {
            x: number;
            y: number;
            width: number;
            height: number;
        };
    }) => void;
    linkPath?: (path_id: string, nodeId: string, handleId: string) => void;
    addPathPoint?: (path_id: string, ix: number, point: InfiniteCanvasPosition) => void;
    updatePathPoint?: (path_id: string, ix: number, point: InfiniteCanvasPosition) => void;
    openContextMenu?: (pos: {
        x: number;
        y: number;
    }, payload: {
        type: "node" | "path";
        id: string;
    }) => void;
    selectNode?: (node: string) => void;
    selectPath?: (path: string) => void;
    selected?: {
        key?: "node" | "path";
        id?: string;
    }[];
    moveNode?: (node: string, position: InfiniteCanvasPosition) => void;
    updateNodeBounds?: (node: string, updateFn: (node: InfiniteCanvasNode) => InfiniteCanvasNode) => void;
    updateNode?: (node: string, position: InfiniteCanvasPosition) => void;
    changeZoom?: (zoom: number) => void;
    getRelativeCanvasPos?: (pos: {
        x: number;
        y: number;
    }) => {
        x: number;
        y: number;
    };
    io_status?: {
        [key: string]: string;
    };
    plant_status?: {
        [key: string]: string;
    };
    information?: any;
    onRightClick?: (item: any, pos: InfiniteCanvasPosition) => void;
}
export declare const InfiniteCanvasContext: React.Context<IInfiniteCanvasContext>;
export declare const useCanvasControls: () => ((zoom: number) => void) | undefined;