import { default as React } from 'react';
export interface OverlayProps {
    /** Whether overlay is visible */
    isOpen: boolean;
    /** Click handler for overlay backdrop */
    onClose?: () => void;
    /** Overlay content */
    children?: React.ReactNode;
    /** Blur backdrop */
    blur?: boolean;
    /** Opacity level */
    opacity?: 'light' | 'medium' | 'dark';
    /** Z-index level */
    zIndex?: number;
    /** Prevent body scroll when open */
    lockScroll?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * Overlay Component
 *
 * Full-screen backdrop overlay with optional blur and click-to-close.
 * Typically used with modals, drawers, and popups.
 *
 * @example
 * ```tsx
 * <Overlay isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
 *   <Modal>Content</Modal>
 * </Overlay>
 * ```
 *
 * @example
 * ```tsx
 * <Overlay isOpen={true} blur opacity="dark" />
 * ```
 */
export declare const Overlay: React.FC<OverlayProps>;
//# sourceMappingURL=overlay.d.ts.map