import { type BoxAlignItems, type BoxJustifyContent } from "../box/styles.js";
declare module "react" {
    interface CSSProperties {
        "--rmd-overlay-background-color"?: string;
        "--rmd-overlay-z-index"?: number;
    }
}
export interface BaseOverlayClassNameOptions {
    className?: string;
    /**
     * Set this to `true` for when the overlay should be visible. Toggling this
     * value will trigger the enter/exit animation.
     */
    visible: boolean;
    /**
     * @defaultValue `"center"`
     * @since 6.0.0
     */
    align?: BoxAlignItems;
    /**
     * @defaultValue `"center"`
     * @since 6.0.0
     */
    justify?: BoxJustifyContent;
    /** @defaultValue `false` */
    clickable?: boolean;
}
/** @since 6.0.0 */
export interface OverlayClassNameOptions extends BaseOverlayClassNameOptions {
    /** @defaultValue `false` */
    active?: boolean;
    /** @defaultValue `false` */
    absolute?: boolean;
}
/**
 * @since 6.0.0
 */
export declare function overlay(options: OverlayClassNameOptions & {
    active?: boolean;
}): string;
/** @since 2.4.0 */
export declare const DEFAULT_OVERLAY_TIMEOUT: 150;
/** @since 2.4.0 */
export declare const DEFAULT_OVERLAY_CLASSNAMES: {
    readonly appearActive: "rmd-overlay--active";
    readonly appearDone: "rmd-overlay--active";
    readonly enterActive: "rmd-overlay--active";
    readonly enterDone: "rmd-overlay--active";
};
