import { ReactNode } from 'react';
export interface AppLayoutProps {
    desktopAreas?: string;
    footer?: ReactNode;
    header?: ReactNode;
    height?: string;
    leftPanel?: ReactNode;
    mainContent: ReactNode;
    mobileAreas?: string;
    rightPanel?: ReactNode;
}
export declare const propsNotToForwardToDOM: string[];
/**
 * This component is used to create a Layout that a typical web application uses
 *
 * @example
 * <AppLayout
 *   header={TopNavBar}
 *   leftPanel={leftNav}
 *   mainContent={mainPanel}
 *   rightPanel={emptyWidget}
 *   footer={emptyWidget}
 *  />
 *
 * Only the mainContent prop is required.
 */
export declare const AppLayout: {
    ({ desktopAreas, footer, header, height, leftPanel, mainContent, mobileAreas, rightPanel, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};