import React from "react";
export declare const OverlayContainer: () => React.JSX.Element;
interface OverlayContextProps {
    count: number;
    /** The open overlays in the order they opened: the last one is on top */
    ids: string[];
    show: (id: string) => void;
    close: (id: string) => void;
}
export declare const useOverlayContext: () => OverlayContextProps;
/** The overlay a component is rendered in; null — the page */
export declare const CurrentOverlayContext: React.Context<string | null>;
export interface OverlayLayer {
    /**
     * The component is on the top layer: on the page while no overlay is
     * open, or in the overlay opened last. Under an open window it's false —
     * e.g. a video stops, hotkeys don't act
     */
    isTopLayer: boolean;
}
/** Where the component is among the open overlays */
export declare const useOverlayLayer: () => OverlayLayer;
export declare const OverlayProvider: ({ children, }: {
    children: React.ReactElement | React.ReactElement[];
}) => React.JSX.Element;
export {};