import { RefObject } from 'react';
import { MapRef, ViewStateChangeEvent } from '@vis.gl/react-mapbox';
type ViewState = {
    longitude: number;
    latitude: number;
    zoom: number;
};
type Coordinates = {
    longitude: number;
    latitude: number;
} | null;
type UseMapViewStateReturn = {
    viewState: ViewState;
    distance: string | null;
    handleMove: (evt: ViewStateChangeEvent) => void;
    handleZoomIn: () => void;
    handleZoomOut: () => void;
    canZoomIn: boolean;
    canZoomOut: boolean;
};
export declare const BAR_WIDTH_PX = 66;
export declare const useMapViewState: (mapRef: RefObject<MapRef | null>, initialCoords: Coordinates) => UseMapViewStateReturn;
export {};
//# sourceMappingURL=useMapViewState.d.ts.map