import * as React from 'react';
interface ViewPortProps extends React.HTMLAttributes<HTMLDivElement> {
    button?: number;
    grabCursor?: string;
    key?: string;
    refobj?: React.Ref<HTMLDivElement>;
    scaleFactor?: number;
}
interface ViewPortState {
    drag: boolean;
    offsetX: number;
    offsetY: number;
    scale: number;
}
declare class Vector {
    x: number;
    y: number;
}
export default class ViewPort extends React.Component<ViewPortProps, ViewPortState> {
    drag: boolean;
    mouseDownPos: Vector;
    originalOffset: Vector;
    viewportRef: React.RefObject<HTMLDivElement>;
    state: {
        offsetX: number;
        offsetY: number;
        scale: number;
        drag: boolean;
    };
    constructor(props: ViewPortProps);
    mousePosition(clientPos: Vector): Vector;
    handleMouseDown: (e: React.MouseEvent<HTMLDivElement>) => void;
    handleMouseUp: (e: React.MouseEvent<HTMLDivElement>) => void;
    handleMouseMove: (e: React.MouseEvent<HTMLDivElement>) => void;
    handleWheel: (e: React.WheelEvent<HTMLDivElement>) => void;
    handleScroll: (_e: React.UIEvent<HTMLDivElement>) => void;
    render(): JSX.Element;
}
export {};