import { BrowserProperties } from "react-client-info";
export declare type ZoomableProperties = {
    canZoom?: boolean;
    maxZoom?: number;
    onZoomStarted?: (state: ZoomableState) => void;
    onZoomChanged?: (state: ZoomableState) => void;
    onZoomCompleted?: (state: ZoomableState) => void;
    canPan?: boolean;
    onPanStarted?: (state: ZoomableState) => void;
    onPanChanged?: (state: ZoomableState) => void;
    onPanCompleted?: (state: ZoomableState) => void;
};
export declare type ZoomableState = {
    scale: number;
    posX: number;
    posY: number;
    offsetX: number;
    offsetY: number;
    startScale: number;
    startX: number;
    startY: number;
    isDragging: boolean;
    isZooming: boolean;
};
export interface ZoomableRect {
    height: number;
    width: number;
    x: number;
    y: number;
}
export declare function Zoomable(element: HTMLElement, client: BrowserProperties, settings?: ZoomableProperties): void;
export declare function ZoomToRect(element: HTMLElement, rect: ZoomableRect): void;