import { type Dispatch, type SetStateAction } from 'react';
import type { RenderedMode } from '../shared/panel-state/panel-mode.js';
/**
 * Determines how the details panel is rendered relative to the content.
 * @public
 */
export type LayoutMode = 'split' | 'overlay';
/** @internal */
export interface DetailsRegionContextValue {
    collapsed: boolean;
    setCollapsed: Dispatch<SetStateAction<boolean>>;
    preferredLayout: LayoutMode;
    setPreferredLayout: Dispatch<SetStateAction<LayoutMode>>;
    mode: RenderedMode;
}
/** @internal */
export declare const DetailsRegionContext: import("react").Context<DetailsRegionContextValue | null>;
/** @internal */
export declare function useDetailsRegionContext(): DetailsRegionContextValue;
//# sourceMappingURL=DetailsRegionContext.d.ts.map