import type React from 'react';
/**
 * @csspart base
 */
export interface BackdropOwnProps {
    /**
     * Darkness of the tint overlay. Allowed values: `none`, `light`, `medium`, `heavy`.
     * @example 'none'
     */
    tint?: 'none' | 'light' | 'medium' | 'heavy';
    /**
     * Backdrop blur intensity. Allowed values: `none`, `sm`, `md`, `lg`.
     * @example 'none'
     */
    blur?: 'none' | 'sm' | 'md' | 'lg';
    /**
     * Whether the component can be dismissed by the user.
     * @defaultValue false
     * @example true
     */
    dismissible?: boolean;
    /** CSS class applied to the Custom Element host.
     * @example 'my-component'
     */
    className?: string;
    /** Inline styles applied to the Custom Element host.
     * @example { marginTop: 8 }
     */
    style?: React.CSSProperties;
}
/**
 * Props for `<Backdrop>`: the component's own API plus every standard DOM
 * attribute and native React event handler, forwarded verbatim to the
 * `<cx-backdrop>` host — `id`, `data-*`, `aria-*`, `title`, `tabIndex`,
 * `slot`, `onMouseEnter`, and the rest. Own props always win over a
 * same-named DOM attribute.
 */
export type BackdropProps = BackdropOwnProps & Omit<React.HTMLAttributes<HTMLElement>, keyof BackdropOwnProps | 'children' | 'dangerouslySetInnerHTML'>;
export declare const Backdrop: React.ForwardRefExoticComponent<BackdropOwnProps & Omit<React.HTMLAttributes<HTMLElement>, "children" | "dangerouslySetInnerHTML" | keyof BackdropOwnProps> & React.RefAttributes<HTMLElement>>;