/**
 * @packageDocumentation
 * Provides the overlay backdrop component for the consent management interface.
 * Implements accessible modal behavior with animation support.
 */
import { type FC, type PropsWithChildren } from 'react';
import type { ThemeValue } from '../../../types/theme';
/**
 * Props for the Overlay component.
 *
 * @remarks
 * The overlay provides a semi-transparent backdrop behind the consent dialog.
 * It helps focus user attention on the privacy settings interface and prevents
 * interaction with the main content while the dialog is open.
 *
 * @public
 */
/**
 * Props for the Overlay component.
 *
 * @remarks
 * Extends {@link PropsWithChildren} so that the overlay can optionally wrap
 * its compound components (e.g. `ConsentDialog.Card`). This resolves
 * TypeScript errors when consumers nest elements inside
 * `<ConsentDialog.Root>`.
 */
export type OverlayProps = PropsWithChildren<{
    /**
     * Custom styles to override default overlay styling.
     *
     * @remarks
     * - Can be a string class name or an object with className and style properties
     * - Styles are merged with theme styles and default styles
     * - Useful for customizing overlay appearance while maintaining functionality
     */
    style?: ThemeValue;
    /**
     * Disables default styling when true.
     *
     * @remarks
     * - When enabled, removes all default styles
     * - Useful for implementing completely custom overlay styling
     * - Maintains functionality without visual opinions
     */
    noStyle?: boolean;
}>;
declare const ConsentDialogOverlay: FC<OverlayProps>;
declare const Overlay: FC<OverlayProps>;
export { ConsentDialogOverlay, Overlay };