import { ThemeableComponent } from "../../common";
import { DuetTheme } from "../../common-types";
export type OverlayDisplayDevice = "x-small" | "not-x-small" | "small" | "not-small" | "medium" | "not-medium" | "large" | "not-large" | "all";
/**
 * @internal
 * This component is for internal use.
 */
export declare class DuetOverlay implements ThemeableComponent {
    /**
     * Reference to host HTML element.
     */
    element: HTMLElement;
    /**
     * Open
     */
    visible: boolean;
    /**
     * Keep stacking context
     */
    keepStackingContext: boolean;
    /**
     * Modal overlay
     */
    modalOverlay: boolean;
    /**
     * Theme
     */
    theme: DuetTheme;
    /**
     * Mode
     */
    displayDevice: OverlayDisplayDevice;
    /**
     * Transition
     */
    transition: "quickly" | "slowly" | "immediate";
    /**
     * Z-index
     */
    zIndex: string;
    /**
     * Variation, dark and white can be used when we want to have text on the overlay
     */
    variation: "default" | "dark" | "white";
    /**
     * Component lifecycle events.
     */
    componentWillLoad(): void;
    getDisplayBreakpoint: () => string;
    /**
     * render() function
     * Always the last one in the class.
     */
    render(): any;
}