import { default as React } from 'react';
export interface BackdropProps {
    /** Whether the backdrop is visible */
    isOpen: boolean;
    /** Click handler for backdrop */
    onClick?: () => void;
    /** Backdrop opacity variant */
    opacity?: 'light' | 'medium' | 'dark';
    /** Apply blur effect */
    blur?: boolean;
    /** Z-index value */
    zIndex?: number;
    /** Additional className */
    className?: string;
    /** Children to render on top of backdrop */
    children?: React.ReactNode;
}
/**
 * Backdrop Component
 *
 * Reusable backdrop/overlay for modals, drawers, and dialogs.
 * Provides consistent darkening and blur effects.
 *
 * @example
 * ```tsx
 * <Backdrop isOpen={isModalOpen} onClick={closeModal} blur>
 *   <div onClick={(e) => e.stopPropagation()}>
 *     <ModalContent />
 *   </div>
 * </Backdrop>
 * ```
 *
 * @example
 * ```tsx
 * <Backdrop
 *   isOpen={isDrawerOpen}
 *   onClick={closeDrawer}
 *   opacity="medium"
 *   zIndex={40}
 * >
 *   <Drawer />
 * </Backdrop>
 * ```
 */
export declare const Backdrop: React.FC<BackdropProps>;
//# sourceMappingURL=backdrop.d.ts.map