import { type PropsWithChildren } from 'react';
import { usePageLayoutPortalContext } from './shared/PageLayoutPortalContext.js';
import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import type { DataTestId } from '../../core/types/data-props.js';
import type { MaskingProps } from '../../core/types/masking-props.js';
import type { StylingProps } from '../../core/types/styling-props.js';
/** @public */
export interface PageLayoutProps extends PropsWithChildren, BehaviorTrackingProps, AriaLabelingProps, StylingProps, MaskingProps, DataTestId {
}
/**
 * Use the `PageLayout` to structure app pages with persistent header, sidebar, content, and details panel slots, including responsive breakpoint handling and resizable panels.
 * @public
 */
export declare const PageLayout: import("react").NamedExoticComponent<PageLayoutProps & import("react").RefAttributes<HTMLDivElement>> & {
    readonly type: (props: PageLayoutProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
} & {
    /** Displays content at the very top of the page. */
    Header: (props: import("./shared/portal-slots.js").HeaderProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
    /** Displays content in the collapsible, resizable sidebar panel on the left. */
    Sidebar: (props: import("./sidebar-layout/slots.js").SidebarProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement | null;
    /**
     * Displays the styled main content area (padding, background, border-radius).
     */
    Content: (props: import("../index.js").PageLayoutContentProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement | null;
    /** Displays content in the collapsible, resizable details panel on the right. */
    Details: ((props: import("./details-layout/slots.js").DetailsProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement | null) & {
        ControlBar: {
            (props: import("./details-layout/DetailsControlBar.js").DetailsControlBarProps): import("react").JSX.Element;
            displayName: string;
        };
    };
};
export { usePageLayoutPortalContext };
//# sourceMappingURL=PageLayout.d.ts.map