import { Ref } from '../../node_modules/vue';
/**
 * Observes an element's size and exposes reactive, debounced dimensions.
 *
 * @param resizableRef - Optional ref to the observed element; when omitted, a fresh ref is created and returned as `resizeRef`.
 * @returns An object with `resizeRef` (attach to the element) and reactive `resizeState` holding `dimensions`, `offsetWidth`, and `narrowWidth`.
 * @example
 * <script setup>
 * import { useResizeObserver } from '@icij/murmur-next'
 *
 * const { resizeRef, resizeState } = useResizeObserver()
 * </script>
 *
 * <template>
 *   <div ref="resizeRef">{{ resizeState.offsetWidth }}px</div>
 * </template>
 */
export declare function useResizeObserver(resizableRef?: Ref): {
    resizeState: {
        dimensions: {
            height: number;
            width: number;
            x: number;
            y: number;
            readonly bottom: number;
            readonly left: number;
            readonly right: number;
            readonly top: number;
            toJSON: () => any;
        };
        offsetWidth: number;
        narrowWidth: boolean;
    };
    resizeRef: Ref<HTMLElement, HTMLElement>;
};