import { IWebComponentInstance } from "@omnia/fx";
import Vue from "vue";
import { ShapeDividerSettings, ShapeDividerTypes, ShapeDividerPositions } from "../../models";
import { SpacingSettings } from "../../models";
export declare class ShapeDividerComponent extends Vue implements IWebComponentInstance, ShapeDividerSettings {
    invert: boolean;
    position: ShapeDividerPositions;
    flip: boolean;
    shape: ShapeDividerTypes;
    color: string;
    spacing: SpacingSettings;
    borderradius: number;
    width: number;
    height: number;
    mounted(): void;
    renderWavesOpacity(): VueTsxSupport.JSX.Element[];
    renderWaves(): VueTsxSupport.JSX.Element;
    renderCurve(): VueTsxSupport.JSX.Element;
    renderCurveAsymmetrical(): VueTsxSupport.JSX.Element;
    renderTriangle(): VueTsxSupport.JSX.Element;
    renderTriangleAsymmetrical(): VueTsxSupport.JSX.Element;
    renderTilt(): VueTsxSupport.JSX.Element;
    renderArrow(): VueTsxSupport.JSX.Element;
    renderSplit(): VueTsxSupport.JSX.Element | VueTsxSupport.JSX.Element[];
    renderBook(): VueTsxSupport.JSX.Element;
    getDivStyle(): {
        position: string;
        left: string;
        width: string;
        overflow: string;
        "line-height": number;
        transform: any;
        bottom: string;
        top: string;
        "border-top-left-radius": string;
        "border-top-right-radius": string;
        "pointer-events": string;
    };
    private getSvgStyle;
    render(): VueTsxSupport.JSX.Element;
}