import React, { ReactElement, CSSProperties } from 'react';
import { BoundsViewport, AnimationFunction } from './Types';
import { BoundsDriftMarkerProps } from './BoundsDriftMarker';
import 'leaflet/dist/leaflet.css';
import { Viewport } from './MapVEuMap';
/**
 * Renders a Leaflet map with semantic zooming markers
 *
 *
 * @param props
 */
interface MapVEuMapPropsCutAndPasteCopy {
    /** Center lat/long and zoom level */
    viewport: Viewport;
    /** Height and width of plot element */
    height: CSSProperties['height'];
    width: CSSProperties['width'];
    onViewportChanged: (bvp: BoundsViewport) => void;
    markers: ReactElement<BoundsDriftMarkerProps>[];
    nudge?: 'geohash' | 'none';
    sidebarOnClose?: (value: React.SetStateAction<boolean>) => void;
    animation: {
        method: string;
        duration: number;
        animationFunction: AnimationFunction;
    } | null;
    showGrid: boolean;
}
export default function MapVEuMapSidebarSibling({ viewport, height, width, onViewportChanged, markers, animation, nudge, sidebarOnClose, }: MapVEuMapPropsCutAndPasteCopy): JSX.Element;
export {};
//# sourceMappingURL=MapVEuMapSidebar.d.ts.map