import React from 'react';
import type { LocationData } from './types';
export interface MapProps {
    /**
     * Array of location data to display on the map.
     */
    locations: LocationData[];
    /**
     * ID of the currently selected location.
     */
    selectedId?: string;
    /**
     * ID of the currently active/hovered location.
     */
    activeId?: string;
    /**
     * Callback when a location marker is clicked.
     */
    onLocationSelect?: (id: string) => void;
    /**
     * Callback when a location becomes active/hovered.
     */
    onLocationActive?: (id: string | undefined) => void;
    /**
     * Default map center coordinates [latitude, longitude].
     * @default [37.7749, -122.4194] (San Francisco)
     */
    defaultCenter?: [number, number];
    /**
     * Default zoom level.
     * @default 12
     */
    defaultZoom?: number;
    /**
     * Color for default markers.
     * @default 'var(--ai-color-accent-blue)'
     */
    markerColor?: string;
    /**
     * Color for selected marker.
     * @default 'var(--ai-color-accent-blue)'
     */
    selectedMarkerColor?: string;
    /**
     * Additional class name for the container.
     */
    className?: string;
    /**
     * Container style.
     */
    style?: React.CSSProperties;
    /**
     * Whether the Inspector panel is open.
     * When true, the map will pan to show the selected marker on the left side.
     */
    isInspectorOpen?: boolean;
}
export declare const Map: React.FC<MapProps>;
//# sourceMappingURL=Map.d.ts.map