export interface ILayoutComponent {
    componentName: string;
}
export interface ILoader extends ILayoutComponent {
    display?: boolean;
    type: 'default' | 'spinner-message' | 'spinner-logo';
}
export interface IScrollTop extends ILayoutComponent {
    display: boolean;
}
export interface IHeader extends ILayoutComponent {
    display: boolean;
    width: 'fixed' | 'fluid';
    left: 'menu' | 'page-title';
    fixed: {
        desktop: boolean;
        tabletAndMobile: boolean;
    };
    menuIcon: 'svg' | 'font';
}
export interface IMegaMenu extends ILayoutComponent {
    display: boolean;
}
export interface IAside extends ILayoutComponent {
    display: boolean;
    theme: 'dark' | 'light';
    menu: 'main' | 'documentation';
    fixed: boolean;
    minimized: boolean;
    minimize: boolean;
    hoverable: boolean;
    menuIcon: 'svg' | 'font';
}
export interface IContent extends ILayoutComponent {
    width: 'fixed' | 'fluid';
    layout: 'default' | 'docs';
}
export interface IFooter extends ILayoutComponent {
    width: 'fixed' | 'fluid';
}
export interface ISidebar extends ILayoutComponent {
    display: boolean;
    toggle: boolean;
    shown: boolean;
    content: 'general' | 'user' | 'shop';
    bgColor: 'bg-white' | 'bg-info';
    displayFooter: boolean;
    displayFooterButton: boolean;
}
export interface IToolbar extends ILayoutComponent {
    display: boolean;
    width: 'fixed' | 'fluid';
    fixed: {
        desktop: boolean;
        tabletAndMobileMode: boolean;
    };
    layout: 'toolbar1' | 'toolbar2' | 'toolbar3' | 'toolbar4' | 'toolbar5';
    layouts: {
        toolbar1: {
            height: string;
            heightAndTabletMobileMode: string;
        };
        toolbar2: {
            height: string;
            heightAndTabletMobileMode: string;
        };
        toolbar3: {
            height: string;
            heightAndTabletMobileMode: string;
        };
        toolbar4: {
            height: string;
            heightAndTabletMobileMode: string;
        };
        toolbar5: {
            height: string;
            heightAndTabletMobileMode: string;
        };
    };
}
export interface IPageTitle extends ILayoutComponent {
    display: boolean;
    breadCrumbs: boolean;
    description: boolean;
    layout: 'default' | 'select';
    direction: 'row' | 'column';
    responsive: boolean;
    responsiveBreakpoint: 'lg' | 'md' | 'lg' | '300px';
    responsiveTarget: string;
}
export interface IMain extends ILayoutComponent {
    body?: {
        backgroundImage?: string;
        class: string;
    };
    primaryColor: string;
    darkSkinEnabled: boolean;
    type: 'blank' | 'default' | 'none';
}
export interface ILayout {
    loader: ILoader;
    scrolltop: IScrollTop;
    header: IHeader;
    megaMenu: IMegaMenu;
    aside: IAside;
    content: IContent;
    toolbar: IToolbar;
    footer: IFooter;
    sidebar?: ISidebar;
    main?: IMain;
    pageTitle?: IPageTitle;
}
export interface ILayoutCSSClasses {
    header: Array<string>;
    headerContainer: Array<string>;
    headerMobile: Array<string>;
    headerMenu: Array<string>;
    aside: Array<string>;
    asideMenu: Array<string>;
    asideToggle: Array<string>;
    sidebar: Array<string>;
    toolbar: Array<string>;
    toolbarContainer: Array<string>;
    content: Array<string>;
    contentContainer: Array<string>;
    footerContainer: Array<string>;
    pageTitle: Array<string>;
}
export interface ILayoutHTMLAttributes {
    asideMenu: Map<string, string | number | boolean>;
    headerMobile: Map<string, string | number | boolean>;
    headerMenu: Map<string, string | number | boolean>;
    headerContainer: Map<string, string | number | boolean>;
    pageTitle: Map<string, string | number | boolean>;
}
export interface ILayoutCSSVariables {
    body: Map<string, string | number | boolean>;
}
export declare const DefaultLayoutConfig: ILayout;