import { type MapMouseEvent } from "react-map-gl/mapbox";
import "mapbox-gl/dist/mapbox-gl.css";
export interface MarkerData {
    longitude: number;
    latitude: number;
    color?: string;
    popup?: React.ReactNode | (() => React.ReactNode);
    component?: React.ComponentType<{
        isDarkMode: boolean;
        onClick?: (e: React.MouseEvent) => void;
    }>;
    id?: string | number;
}
export interface MapProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
    accessToken: string;
    initialLongitude?: number;
    initialLatitude?: number;
    initialZoom?: number;
    mapStyle?: string;
    height?: string | number;
    showNavigationControls?: boolean;
    onMapLoad?: () => void;
    onMapClick?: (event: MapMouseEvent) => void;
    markers?: MarkerData[];
}
export declare const Map: import("react").ForwardRefExoticComponent<MapProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=map.d.ts.map