import { type BoxAlignItems, type BoxJustifyContent } from "../box/styles.js";
import { type CSSTransitionClassNamesObject, type TransitionTimeout } from "../transition/types.js";
declare module "react" {
    interface CSSProperties {
        "--rmd-overlay-background-color"?: string;
        "--rmd-overlay-z-index"?: number;
    }
}
/** @remarks \@since 6.0.0 */
export interface OverlayClassNameOptions {
    className?: string;
    visible: boolean;
    /** @defaultValue `false` */
    active?: boolean;
    /** @defaultValue `false` */
    clickable?: boolean;
    /** @defaultValue `false` */
    absolute?: boolean;
    /** @defaultValue `"center"` */
    align?: BoxAlignItems;
    /** @defaultValue `"center"` */
    justify?: BoxJustifyContent;
}
/**
 * @remarks \@since 6.0.0
 */
export declare function overlay(options: OverlayClassNameOptions & {
    active?: boolean;
}): string;
/** @remarks \@since 2.4.0 */
export declare const DEFAULT_OVERLAY_TIMEOUT: TransitionTimeout;
/** @remarks \@since 2.4.0 */
export declare const DEFAULT_OVERLAY_CLASSNAMES: Readonly<CSSTransitionClassNamesObject>;
