import { RefObject } from 'react'; /** * Size information reported by ResizeObserver (CSS pixels). * * @category Hooks */ export interface ObservedElementSize { /** Element width in pixels. */ width: number; /** Element height in pixels. */ height: number; } /** * Observes a single DOM element using ResizeObserver * and invokes a callback when its size changes. * * Uses the content box by default, or the border box when `borderBox` is true * (includes padding and border; excludes margin). * * Does not trigger component re-render. * * @function * @param ref Reference to the observed HTMLElement. * @param onResize Called when size changes. * @param enabled Enables or disables observation. Default: true. * @param borderBox When true, report border box size; when false, content box. Default: false. * * @category Hooks */ export declare function useResizeObserver(ref: RefObject, onResize: (size: ObservedElementSize) => void, enabled?: boolean, borderBox?: boolean): void;