import { type RefObject } from "react";
export interface Size {
    width: number;
    height: number;
}
export interface UseResizeObserverOptions {
    box?: ResizeObserverBoxOptions;
}
export interface UseResizeObserverReturn {
    width: number;
    height: number;
    size: Size;
    entry?: ResizeObserverEntry;
}
/**
 * Reacts to changes in a DOM element's dimensions using the native ResizeObserver API.
 * Similar to `useElementSize`, but returns the full `ResizeObserverEntry` for advanced use cases.
 *
 * @param ref - The React ref attached to the element.
 * @param options - Native ResizeObserver options.
 * @returns The latest `ResizeObserverEntry` or `null`.
 *
 * @example
 * ```tsx
 * const ref = useRef(null);
 * const entry = useResizeObserver(ref);
 * return <div ref={ref}>Width: {entry?.contentRect.width}</div>;
 * ```
 */
export declare function useResizeObserver<T extends HTMLElement>(ref: RefObject<T>, options?: UseResizeObserverOptions): UseResizeObserverReturn;