import { ReactNode } from 'react';
import { BreakpointKey, Breakpoints, BreakpointUnit } from './breakpoints';
/**
 * Props for WindowSizeBreakpoints
 */
export interface WindowSizeBreakpointsProps<K extends BreakpointKey = BreakpointKey> {
    /**
     * Your breakpoints object.
     */
    breakpoints: Breakpoints<K>;
    /**
     * The type of unit that your breakpoints should use - px or em.
     * @default "px"
     */
    breakpointUnit?: BreakpointUnit;
    /**
     * When rendering on the server, you can do your own magic with for example UA
     * to guess which viewport width a user probably has.
     */
    guessedBreakpoint?: number;
    /**
     * In case you don't want to default to mobile on SSR and no guessedBreakpoint
     * is passed, use defaultBreakpoint to set your own value.
     */
    defaultBreakpoint?: number;
    /**
     * If you don't want the resize listener to be debounced, set to false.
     * @default false
     */
    debounceResize?: boolean;
    /**
     * Set a custom delay for how long the debounce timeout should be.
     * @default 50
     */
    debounceDelay?: number;
    /**
     * Children props
     */
    children?: ReactNode;
}
/**
 * Provides the breakpoints for consumer components
 * using [window.innerWidth](https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth)
 *
 * Uses the events
 * - [resize](https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event)
 * - [orientationchange](https://developer.mozilla.org/en-US/docs/Web/API/Window/orientationchange_event)
 */
export declare function WindowSizeBreakpoints<K extends BreakpointKey = BreakpointKey>(props: WindowSizeBreakpointsProps<K>): JSX.Element;
export declare namespace WindowSizeBreakpoints {
    var propTypes: {
        breakpoints: import("prop-types").Validator<{
            [x: string]: number | null | undefined;
        }>;
        breakpointUnit: import("prop-types").Requireable<string>;
        guessedBreakpoint: import("prop-types").Requireable<number>;
        defaultBreakpoint: import("prop-types").Requireable<number>;
        debounceResize: import("prop-types").Requireable<boolean>;
        debounceDelay: import("prop-types").Requireable<number>;
    };
}
//# sourceMappingURL=WindowSizeBreakpoints.d.ts.map