import { LayoutCanvasStore } from "../../";
import { SectionSettings, SectionItem, TabbedSectionItemSettings } from "../../../../models";
import { VueComponentBase } from "../../..";
import { MediaPickerService } from "../../../../services";
export interface TabProps {
    tab: SectionItem<TabbedSectionItemSettings>;
    settings: SectionSettings;
    layoutId: string;
    useScrollMargingFix: boolean;
    tabState: object;
}
export declare class LayoutTab extends VueComponentBase<TabProps> {
    tab: SectionItem<TabbedSectionItemSettings>;
    settings: SectionSettings;
    layoutId: string;
    useScrollMargingFix: boolean;
    tabState: object;
    layoutEditorStore: LayoutCanvasStore;
    mediaPickerService: MediaPickerService;
    private get backgroundImage();
    /**
    * Function to render the columns
    * @param h is the hyperscript reference
    */
    private renderChildren;
    /**
     * Renders the layout selector
     * @param h
     */
    private renderLayoutSelector;
    /**
      * Renders the edit mode
      * @param h
      */
    private renderContentMode;
    /**
      * Renders the designmode
      * @param h
      */
    private renderLayoutMode;
    /**
     * Render
     * @param h
     */
    render(): VueTsxSupport.JSX.Element;
}