import type { ColorMode } from "../types";
import type { Background } from "../types/background";
import type { ColorScheme } from "../types/colors";
import type { PaywallData } from "../types/paywall";
type Viewport = {
    width: number;
    height: number;
};
type SafeAreaEdge = "top" | "bottom";
export declare const SAFE_AREA_FALLBACK_COLOR_CSS_VAR = "--rc-purchases-ui-bg-color";
export declare function resolveSafeAreaFallbackCss(paywallOverride: ColorScheme | null | undefined, hostFallback: ColorScheme | null | undefined, colorMode: ColorMode): string | null;
export declare function getSafeAreaFallbackColorHeadStyles(paywallData: PaywallData | null | undefined, hostFallbackColor?: ColorScheme | null): string;
export declare function getBackgroundSafeAreaColors(background: Background | null | undefined, colorMode: ColorMode, viewport: Viewport, options?: {
    stickyComponents?: {
        hasHeader?: boolean;
        hasFooter?: boolean;
    };
    paywallFallbackColor?: ColorScheme | null;
    hostFallbackColor?: ColorScheme | null;
}): Record<SafeAreaEdge, string | null>;
export {};