import { DisplayBreakPoint } from "../../../../models";
import { VueComponentBase } from "../../..";
import { LayoutCanvasStore } from "../../";
import { IWebComponentInstance } from "../../../..";
import { IDevicePreviewer } from "./IDevicePreviewer";
export interface DevicePreviewerProps {
    itemRenderer?: (h: any, selectedBreakpoint: DisplayBreakPoint) => JSX.Element;
    onBreakpointChange?: (displayBreakPoint: DisplayBreakPoint) => void;
}
export declare class DevicePreviewer extends VueComponentBase<DevicePreviewerProps> implements IWebComponentInstance, IDevicePreviewer {
    itemRenderer?: (selectedBreakpoint: DisplayBreakPoint) => JSX.Element;
    onBreakpointChange?: (displayBreakPoint: DisplayBreakPoint) => void;
    defaultBreakpoint?: DisplayBreakPoint;
    layoutEditorStore: LayoutCanvasStore;
    private iFrameId;
    private model;
    created(): void;
    mounted(): void;
    beforeDestroy(): void;
    private createIframeUrl;
    private onSetDevice;
    private resizeIframeToContent;
    /**
     * Gets the initial active class for the items. It is not working setting v-bottom-nav component directly somehow.
     * @param editorMode
     */
    getActiveClass(displayBreakPoint: DisplayBreakPoint): "" | "v-btn--active";
    renderDisplayBreakPoints(): JSX.Element[];
    render(): VueTsxSupport.JSX.Element;
}