import { type ReactNode } from "react";
import type { PublicUnitMarker } from "./types";
import { COMPACT_MAP_ATTRIBUTION_CONTROL, DEFAULT_UNIT_MAP_PROVIDER, ELISE_MAPLIBRE_STYLE_URLS, markerPreviewLayout, type MarkerPreviewLayout, type UnitMapProvider, type UnitMapTheme } from "./MapCanvas";
export { COMPACT_MAP_ATTRIBUTION_CONTROL, DEFAULT_UNIT_MAP_PROVIDER, ELISE_MAPLIBRE_STYLE_URLS, markerPreviewLayout, };
export type { MarkerPreviewLayout, UnitMapProvider, UnitMapTheme };
export type UnitMapFitMode = "all" | "dense";
export type UnitMapPinDisplay = "price" | "unit-count";
interface InteractiveUnitMapProps {
    markers: PublicUnitMarker[];
    selectedMarkerId: string | null;
    onMarkerSelect: (markerId: string) => void;
    provider?: UnitMapProvider;
    mapboxAccessToken?: string;
    mapboxStyleUrl?: string;
    maplibreTheme?: UnitMapTheme;
    maplibreStyleUrl?: string;
    fitMode?: UnitMapFitMode;
    maxZoom?: number;
    fitPadding?: number;
    pinDisplay?: UnitMapPinDisplay;
    unitSingularLabel?: string;
    unitPluralLabel?: string;
    selectedMarkerContent?: ReactNode;
    className?: string;
}
export declare function markerButtonClasses(selected: boolean): string;
export declare function markerBubbleClasses(selected: boolean): string;
export declare function unitMarkerText(marker: Pick<PublicUnitMarker, "count" | "min_rent">, pinDisplay?: UnitMapPinDisplay, unitSingularLabel?: string, unitPluralLabel?: string): string;
export declare function InteractiveUnitMap({ markers, selectedMarkerId, onMarkerSelect, provider, mapboxAccessToken, mapboxStyleUrl, maplibreTheme, maplibreStyleUrl, fitMode, maxZoom, fitPadding, pinDisplay, unitSingularLabel, unitPluralLabel, selectedMarkerContent, className, }: InteractiveUnitMapProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=InteractiveUnitMap.d.ts.map