import { type RefCallback } from "react";
export type ContainerWidthResult<E extends HTMLElement> = {
    /** Attach to the element whose width should drive layout decisions. */
    ref: RefCallback<E>;
    /**
     * Last measured content-box width of the element, in px. `undefined` until
     * the first measurement (initial render, SSR, or detached test DOMs) —
     * callers must pick an explicit unmeasured fallback rather than assume 0.
     */
    width: number | undefined;
};
/**
 * Measures an element's own width via ResizeObserver — the JS counterpart of
 * a CSS `@container` query for layout switches that live in logic rather than
 * classes (e.g. DataTable's table-to-cards switch). Components use this to
 * react to the container they were given, never to the viewport.
 */
export declare function useContainerWidth<E extends HTMLElement>(): ContainerWidthResult<E>;
//# sourceMappingURL=useContainerWidth.d.ts.map