import { ReactChild } from '../../types/common';
/**
 * Supported window sizes
 * small = 0 - 599 dp (Phone)
 * medium-compact = 600 - 904 dp (Large phone landscape or Tablet portrait)
 * medium-regular = 905 - 1239 dp (Tablet landscape)
 * large = 1240 - 1439 dp (Laptop)
 * extra-large = 1440 - 1919 dp (Desktop)
 * ultra-large = 1920+ dp (27inch+ monitors, typically Mac)
 */
export type WindowSize = "small" | "medium-compact" | "medium-regular" | "large" | "extra-large" | "ultra-large";
export declare const getWindowSize: (innerWidth: number) => WindowSize;
export interface Props {
    children: ReactChild | ReactChild[];
    /** set this property if the window size needs to be fixed.
     * Intended to be used in storybook stories to expose stories in a particular screen size. */
    fixedWindowSize?: WindowSize;
}
export declare const useWindowSizeContext: () => WindowSize;
declare const WindowSizeProvider: (props: Props) => import("react/jsx-runtime").JSX.Element;
export default WindowSizeProvider;
