import React from 'react';
import NavbarComponent from './Navbar';
import FooterComponent from './Footer';
export declare const RootWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const Background: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
interface LayoutProps {
    noPadding?: boolean;
    withBottomNav?: boolean;
    scrollToTop?: boolean;
    sidebar?: React.ReactNode;
    hiddenBottom?: React.ReactNode;
    Navbar?: React.ComponentType;
    Footer?: React.ComponentType;
}
export declare const MainLayout: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Omit<LayoutProps, "Footer" | "sidebar" | "hiddenBottom" | "scrollToTop" | "Navbar">, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
declare function DefaultLayout({ sidebar, hiddenBottom, scrollToTop, Navbar, Footer, ...props }: LayoutProps): JSX.Element;
declare namespace DefaultLayout {
    var defaultProps: {
        Footer: typeof FooterComponent;
        Navbar: typeof NavbarComponent;
    };
}
export default DefaultLayout;