import React, { MutableRefObject } from 'react';
type DimensionsValue = {
    currentBreakpoint: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
    height: number;
    heightForBottomOfScreen: number;
    width: number;
};
export type ContainerDimensionsContextValue = DimensionsValue & {
    viewport: DimensionsValue;
};
export declare const ContainerDimensionsContext: React.Context<ContainerDimensionsContextValue | undefined>;
export declare function ContainerDimensionsContextProvider<Element extends HTMLElement = HTMLDivElement>({ asViewport, children, containerRef, }: {
    /** If `true` then this "container" is considered the main viewport by children, useful for nested navigation/views in a complex SPA UI */
    asViewport?: boolean;
    children: any;
    /** Optionally provide a ref to the child "container", if not provided then children will be wrapped in a <div> as a container */
    containerRef?: MutableRefObject<Element | null | undefined>;
}): React.JSX.Element;
export {};
