import { type ComponentPropsWithoutRef, type RefObject } from 'react';
import { type ExtractedContentSlot } from '../../split-layout/slots.js';
import { type DetailsSlot } from './details-sizing.js';
/**
 * The prop bag `PageLayout`'s main shell passes down for the content + details
 * region. Not the public props of a details panel: consumers configure it
 * through `PageLayout.Details`.
 *
 * @internal
 */
export type DetailsRegionShellProps = {
    details: DetailsSlot | null;
    content: ExtractedContentSlot;
    containerRef: RefObject<HTMLDivElement | null>;
} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'content'>;
/**
 * Renders the content + details region. The region, `<main>` and the panel
 * element are rendered unconditionally: the mode only changes how the panel is
 * styled, never the shape of the tree. Branching on slot presence or on the
 * mode would remount `<main>` and reset its scroll position (APPDEV-19606).
 *
 * @internal
 */
export declare const DetailsRegion: import("react").MemoExoticComponent<(props: {
    details: DetailsSlot | null;
    content: ExtractedContentSlot;
    containerRef: RefObject<HTMLDivElement | null>;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "content"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null>;
//# sourceMappingURL=DetailsRegion.d.ts.map