import { LayoutCanvasStore } from "../../";
import { SectionSettings, SectionItem, SteppedSectionItemSettings } from "../../../../models";
import { VueComponentBase } from "../../..";
import { MediaPickerService } from "../../../../services";
export interface StepProps {
    step: SectionItem<SteppedSectionItemSettings>;
    settings: SectionSettings;
    layoutId: string;
    useScrollMargingFix: boolean;
    tabState: object;
}
export declare class LayoutStep extends VueComponentBase<StepProps> {
    step: SectionItem<SteppedSectionItemSettings>;
    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;
}