import { type ReactNode } from "react";
/**
 * @internal
 * The threshold for determining if the window is zoomed enough to handle it explicitly in components styles
 */
export declare const ZOOM_THRESHOLD = 1.2;
/**
 * @internal
 * Interface for zoom context state
 */
export interface IZoomContextState {
    /**
     * Current zoom level, where 1 is normal (100%), 2 is 200% zoom, etc.
     */
    zoomLevel: number;
    /**
     * Width of the visual viewport
     */
    viewportWidth: number;
    /**
     * Height of the visual viewport
     */
    viewportHeight: number;
    /**
     * Flag indicating if visual viewport API is supported
     */
    hasVisualViewport: boolean;
}
/**
 * @internal
 * Context for zoom level and viewport info
 */
export declare const ZoomContext: import("react").Context<IZoomContextState>;
/**
 * @internal
 * Props for the ZoomProvider component
 */
export type ZoomProviderProps = {
    children: ReactNode;
};
/**
 * @internal
 * Provider component that monitors zoom level and viewport dimensions
 */
export declare function ZoomProvider({ children }: ZoomProviderProps): import("react/jsx-runtime").JSX.Element;
/**
 * @internal
 * Hook to access zoom level and viewport info
 */
export declare const useZoom: () => IZoomContextState;
/**
 * @internal
 * Helper hook info it window is zoomed
 * @param baseZoomLevel - The zoom level the component was designed for (default 1)
 * @returns true if window is zoomed, false otherwise
 */
export declare const useIsZoomed: (baseZoomLevel?: number) => boolean;
//# sourceMappingURL=ZoomContext.d.ts.map