import { default as React } from 'react';
import { Status } from '../../tokens/colors';
/** Props for {@link PageOverlay} */
export interface PageOverlayProps {
    /** Status affecting overlay tint */
    status?: Status;
    /** Whether to render as fullscreen overlay (default: true) */
    fullScreen?: boolean;
    /** Custom className for the overlay container */
    className?: string;
    /** Child components to display inside the overlay */
    children: React.ReactNode;
}
/**
 * Generic fullscreen page overlay component.
 *
 * Use this for critical content that should block the UI, such as:
 * - Fatal errors (status="error")
 * - Loading states
 * - Important messages
 * - Maintenance notices
 *
 * @example
 * ```tsx
 * <PageOverlay status="error">
 *   <ErrorBlock type="server-error" status="error">
 *     <ErrorBlock.Title>Fatal Error</ErrorBlock.Title>
 *     <ErrorBlock.Description>The application encountered a critical error.</ErrorBlock.Description>
 *   </ErrorBlock>
 * </PageOverlay>
 * ```
 */
export declare function PageOverlay({ status, fullScreen, className, children, }: Readonly<PageOverlayProps>): React.JSX.Element;
//# sourceMappingURL=PageOverlay.d.ts.map