import { type CSSProperties, type HTMLAttributes, type ReactElement } from "react";
import type { MapTheme } from "../../core/types";
import { type DirectionIndicatorDisplay } from "../geometry/useDirectionIndicator";
import type { MarkerDomSize, MarkerState, StickPositioning } from "../model/markerDomTypes";
import type { ResolvedMarkerColors } from "../shared/markerColors";
type MapMarkerStickSurfaceHandlers = Pick, "onBlur" | "onClick" | "onFocus" | "onKeyDown" | "onMouseEnter" | "onMouseLeave">;
export type MapMarkerStickSurfaceProps = MapMarkerStickSurfaceHandlers & {
readonly accessibleName: string;
readonly circleLayoutSize: MarkerDomSize;
readonly className: string | undefined;
readonly colors: ResolvedMarkerColors;
readonly contentLayoutSize: MarkerDomSize;
readonly dataTestId: string | undefined;
readonly direction: number | undefined;
readonly directionDisplay: DirectionIndicatorDisplay;
readonly icon: ReactElement | null;
readonly iconPx: number;
readonly labelText: string | undefined;
readonly labelVisible: boolean | undefined;
readonly panelOpen: boolean | undefined;
readonly state: MarkerState;
readonly stickPositioning: StickPositioning | undefined;
readonly style: CSSProperties | undefined;
readonly textPx: number;
readonly theme: MapTheme;
};
export declare const MapMarkerStickSurface: import("react").ForwardRefExoticComponent>;
export {};