import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import type { DataTestId } from '../../core/types/data-props.js';
import type { MaskingProps } from '../../core/types/masking-props.js';
import type { StylingProps } from '../../core/types/styling-props.js';
import type { WithChildren } from '../../core/types/with-children.js';
import type { OverlayProps } from '../hooks/useOverlayWithTrigger.js';
/**
 * @public
 */
export interface OverlayComponentProps extends AriaLabelingProps, WithChildren, DataTestId, StylingProps, MaskingProps, BehaviorTrackingProps {
    /** Whether the overlay is open. */
    isOpen: OverlayProps['overlayState']['isOpen'];
    /**
     * Properties for connecting the overlay to the overlay trigger.
     * Includes styles and accessibility attributes.
     */
    overlayProps?: OverlayProps['overlayProps'];
    /**
     * Properties to pass to the overlay container.
     */
    overlayContainerProps?: OverlayProps['overlayContainerProps'];
}
/**
 * The `Overlay` component allows you to show additional content when the user
 * clicks on a particular element in the UI. The `Overlay` is placed
 * at the border of its trigger element. To define a UI element as
 * a trigger, use the `useOverlayWithTrigger` hook. The Overlay only
 * exists in a controlled manner, so the `isOpen` prop must be
 * updated by the developer.
 * @public
 */
export declare const Overlay: (props: OverlayComponentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;