/// <reference types="react" />
export declare function useMediaQuery(query: string): boolean;
/**
 * https://m3.material.io/foundations/layout/applying-layout/window-size-classes
 */
export declare function useWindowSizeType(): "medium" | "expanded" | "compact";
/**
 * for pratical, this hook only intend for one element
 * @returns ResizeObserverEntry
 */
export declare function useResizeObserver(elementRef: React.RefObject<HTMLElement>, options?: ResizeObserverOptions): ResizeObserverEntry | undefined;