import type { WidgetType } from '../domain';
export declare const styles: {
    wrapper: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
    };
    inlineWrapper: {
        justifyContent: "center";
        alignItems: "center";
    };
    bottom: {
        position: "absolute";
        bottom: number;
        justifyContent: "center";
        alignItems: "center";
    };
    top: {
        position: "absolute";
        top: number;
        justifyContent: "center";
        alignItems: "center";
    };
    inline: {
        justifyContent: "center";
        alignItems: "center";
    };
    modalOverlay: {
        flex: number;
        justifyContent: "center";
        backgroundColor: string;
        alignItems: "center";
    };
    modalContent: {
        backgroundColor: string;
        borderRadius: number;
    };
};
export declare const getWidgetVisibility: (visibility: boolean) => {
    opacity: number;
    pointerEvents: "none" | "auto";
};
export declare const getWidgetStyles: (type: WidgetType) => {
    container: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
    };
    content: {
        position: "absolute";
        bottom: number;
        justifyContent: "center";
        alignItems: "center";
    };
} | {
    container: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
    };
    content: {
        position: "absolute";
        top: number;
        justifyContent: "center";
        alignItems: "center";
    };
} | {
    container: {
        justifyContent: "center";
        alignItems: "center";
    };
    content: {
        justifyContent: "center";
        alignItems: "center";
    };
} | {
    container: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
    };
    content: {
        justifyContent: "center";
        alignItems: "center";
    };
};
//# sourceMappingURL=widgetStyles.d.ts.map