import { type RefObject } from 'react';
import type { RenderedLayout } from './DetailsLayoutContext.js';
import type { ExtractedDetailsSlot } from './slots.js';
/** @internal */
export declare function useLayoutState({ details, containerRef, }: {
    details: ExtractedDetailsSlot;
    containerRef: RefObject<HTMLDivElement>;
}): {
    containerWidth: number;
    collapsed: boolean;
    setCollapsed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
    preferredLayoutMode: "overlay" | "split";
    setPreferredLayoutMode: import("react").Dispatch<import("react").SetStateAction<"overlay" | "split">>;
    mode: RenderedLayout;
};