/// <reference types="react" />
export declare enum PepScreenSizeType {
    XL = 0,
    LG = 1,
    MD = 2,
    SM = 3,
    XS = 4
}
/**
 * Place once at the React app root. Provides the current PepScreenSizeType to all
 * descendants via usePepScreenSize(), and keeps PepLayoutService in sync so Angular
 * custom elements (pep-top-bar-element, etc.) receive the correct breakpoint.
 *
 * Mirrors Angular's <pep-size-detector> + PepLayoutService.onResize$ pattern.
 */
export declare function PepScreenSizeProvider({ children }: {
    children: React.ReactNode;
}): React.ReactElement;
/**
 * Returns the current PepScreenSizeType from the nearest PepScreenSizeProvider.
 * Use instead of hardcoded breakpoint values:
 *   const screenSize = usePepScreenSize();
 *   const isSmallScreen = screenSize >= PepScreenSizeType.MD; // matches Angular's logic
 */
export declare function usePepScreenSize(): PepScreenSizeType;
/**
 * @deprecated Use PepScreenSizeProvider at the React app root instead.
 * Call once at the root to keep PepLayoutService in sync — mirrors Angular's <pep-size-detector>.
 */
export declare function usePepScreenSizeDetector(): void;