export type UseContainerWidthResult<T extends HTMLElement> = {
    /** Callback ref — attach to the element whose width should drive the layout. */
    ref: (node: T | null) => void;
    /** Latest measured border-box width in px, or `undefined` before first measure. */
    width: number | undefined;
};
/**
 * Observes the border-box width of the element the returned `ref` is attached
 * to. It only reports the width — the consumer decides its own threshold, e.g.
 * `(width ?? Infinity) < myBreakpoint` to default to the wide layout until the
 * first measurement lands.
 *
 * `width` starts as `undefined` (not `null`) so a raw `width < breakpoint`
 * comparison is wide-first even without TypeScript: `undefined < n` is `false`,
 * whereas `null` coerces to `0` and would report narrow before the first
 * measure.
 *
 * `ref` is a *callback* ref (not a ref object) so the observer attaches whenever
 * the node mounts — including when the measured element only appears after an
 * async loading state, where a `useEffect([])` would have run too early (while
 * the node was still null) and never observed it.
 */
export declare function useContainerWidth<T extends HTMLElement = HTMLDivElement>(): UseContainerWidthResult<T>;
//# sourceMappingURL=useContainerWidth.d.ts.map