import type { ReactElement } from "react";
import type { MapTheme } from "../../core/types";
import type { DirectionIndicatorDisplay } from "../geometry/useDirectionIndicator";
import type { MarkerDomSize } from "../model/markerDomTypes";
import type { ResolvedMarkerColors } from "./markerColors";
export type MarkerAnimatedSurfaceProps = {
    readonly colors: ResolvedMarkerColors;
    readonly directionDisplay: DirectionIndicatorDisplay;
    readonly duration: number;
    /** Pill chrome + indicator disc: padding, label `fontSize`, disc tier, icon slot budget. */
    readonly effectiveSize: MarkerDomSize;
    readonly icon: ReactElement | null;
    readonly iconPx: number;
    readonly isPill: boolean;
    readonly labelText: string | undefined;
    readonly showDisc: boolean;
    readonly textPx: number;
    readonly theme: MapTheme;
};
export declare const MarkerAnimatedSurface: ({ colors, directionDisplay, duration, effectiveSize, icon, iconPx, isPill, labelText, showDisc, textPx, theme, }: MarkerAnimatedSurfaceProps) => ReactElement;