import type { RefObject } from "react";
export type LiquidGlassContrastHint = "light" | "dark" | "mixed";
export interface LiquidGlassBackdropSample {
    luminance: number;
    dominantColor: {
        r: number;
        g: number;
        b: number;
        a: number;
    };
    contrastHint: LiquidGlassContrastHint;
    mediaRichness: number;
    requiresDimming: boolean;
    source: "dom-grid" | "computed-style" | "theme" | "fallback";
}
export interface LiquidGlassBackdropOptions {
    enabled?: boolean;
    variant?: "regular" | "clear";
    throttleMs?: number;
    minContrastRatio?: number;
    observeMutations?: boolean;
    observeResize?: boolean;
}
declare const FALLBACK_SAMPLE: LiquidGlassBackdropSample;
export declare function sampleLiquidGlassBackdrop(element: HTMLElement | null, options?: LiquidGlassBackdropOptions): LiquidGlassBackdropSample;
export declare function useLiquidGlassBackdrop<T extends HTMLElement>(ref: RefObject<T>, options?: LiquidGlassBackdropOptions): LiquidGlassBackdropSample;
export { FALLBACK_SAMPLE as LIQUID_GLASS_FALLBACK_BACKDROP_SAMPLE };
//# sourceMappingURL=useLiquidGlassBackdrop.d.ts.map