import { ReactNode } from "react";
export interface IOverlay {
    readonly key?: string;
    readonly onEffect?: () => (() => void) | undefined;
    readonly children: ReactNode;
}
interface IOverlayProvider {
    readonly element?: (props: { children: ReactNode }) => JSX.Element;
    readonly props?: {};
}
export type TOverlayProvider = (props: IOverlayProvider) => JSX.Element;
export type TOverlayContext = (props: IOverlay) => JSX.Element;
/**
 * Creates an overlay for dynamic content.
 * @returns Returns the provider component and the context component.
 */
export declare const useOverlay: () => [TOverlayProvider, TOverlayContext];
export {};