import type { Theme } from "@/components/ui-kit/ThemeProvider/ThemeProvider.types";
import { type HTMLAttributes } from "react";
export interface MainLayoutProps extends HTMLAttributes<HTMLDivElement> {
    theme?: Theme | string;
    children: React.ReactNode;
    isLoading?: boolean;
    /**
     * Start the loading overlay below the toolbar instead of covering it.
     *
     * Off by default, because during the editor's own load the toolbar has
     * nothing real to show — the title reads "Untitled", the brand and routing
     * dropdowns are empty and every button is enabled — so covering it is the
     * honest state.
     *
     * Turn it on for a gate held *after* the editor has loaded, where the toolbar
     * is populated and the overlay would otherwise take away the very control the
     * user just used (the brand selector being the case in point).
     */
    preserveHeaderWhileLoading?: boolean;
    SideBar?: React.ReactNode;
    Header?: React.ReactNode;
    colorScheme?: "light" | "dark";
    readOnly?: boolean;
}
export declare const MainLayout: import("react").ForwardRefExoticComponent<MainLayoutProps & import("react").RefAttributes<HTMLDivElement>>;