/** * @packageDocumentation * Provides the overlay backdrop component for the ConsentBanner. */ import { type HTMLAttributes } from 'react'; /** * Props for the Overlay component. * * @remarks * The overlay provides a semi-transparent backdrop behind the consent banner content. * It can be styled using the ConsentBanner theme system or through direct style props. * * @public */ interface OverlayProps extends HTMLAttributes { /** * @remarks * When true, the component will not apply any styles. */ noStyle?: boolean; /** * @remarks * When true, the component will render its children directly without wrapping them in a DOM element. * This enables better composition with other components. */ asChild?: boolean; } /** * Overlay component that provides a backdrop for the ConsentBanner content. * * @remarks * This component handles: * - Rendering a semi-transparent backdrop * - Fade in/out animations (when animations are enabled) * - Proper z-indexing for modal behavior * - Theme-based styling * * The overlay visibility is controlled by the `activeUI` state from ConsentBanner context, * and its animation behavior is controlled by the `disableAnimation` flag. * * @public */ declare const ConsentBannerOverlay: import("react").ForwardRefExoticComponent>; declare const Overlay: import("react").ForwardRefExoticComponent>; export { ConsentBannerOverlay, Overlay };