import { ViewStyle } from 'react-native';
import type { MapControlTheme } from '../types';
/** Shared palette for map overlay controls (NavigationControls, LocationButton). */
export declare const MAP_CONTROL_COLORS: {
    readonly accent: "#9C1AFF";
    readonly icon: "#48484A";
    readonly iconMuted: "#AEAEB2";
    readonly background: "rgba(255, 255, 255, 0.96)";
    readonly divider: "#E5E5EA";
    readonly pressed: "#F2F2F7";
    readonly border: "rgba(0, 0, 0, 0.08)";
};
/** Default touch target — Apple HIG minimum (44pt). */
export declare const MAP_CONTROL_DEFAULT_SIZE = 44;
/** Compact touch target — ~36pt, opt-in via `compact` prop. */
export declare const MAP_CONTROL_COMPACT_SIZE = 36;
export interface ResolvedMapControlTheme {
    accent: string;
    icon: string;
    iconMuted: string;
    background: string;
    divider: string;
    border: string;
    pressed: string;
}
export interface MapControlThemeInput {
    theme?: MapControlTheme | undefined;
    color?: string | undefined;
    iconColor?: string | undefined;
    iconMutedColor?: string | undefined;
    backgroundColor?: string | undefined;
    borderColor?: string | undefined;
    activeBackgroundColor?: string | undefined;
}
export interface MapControlMetrics {
    cellSize: number;
    borderRadius: number;
    iconFrame: number;
    plusBarWidth: number;
    plusBarLength: number;
    minusLength: number;
    compassSize: number;
    compassRingSize: number;
    compassBorderWidth: number;
    compassNeedleNorth: {
        borderLeft: number;
        borderRight: number;
        borderBottom: number;
    };
    compassNeedleSouth: {
        borderLeft: number;
        borderRight: number;
        borderTop: number;
    };
    compassCenter: number;
    chevronHalf: number;
    chevronHeight: number;
    locationRingSize: number;
    locationDotSize: number;
    shadow: ViewStyle;
}
export declare function resolveMapControlSize(compact?: boolean | undefined, size?: number | undefined): number;
export declare function resolveMapControlTheme(input: MapControlThemeInput): ResolvedMapControlTheme;
/** Returns accent tint for active states (e.g. 3D pitch row). */
export declare function mapControlActiveTint(accent: string, pressed?: string): string;
export declare function getMapControlMetrics(cellSize: number): MapControlMetrics;
export declare function mapControlCardStyle(width: number, theme: Pick<ResolvedMapControlTheme, 'background' | 'border'>, metrics: Pick<MapControlMetrics, 'borderRadius' | 'shadow'>): ViewStyle;
//# sourceMappingURL=mapControlStyles.d.ts.map