"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const rnStyleToStudio = {
    'success-message': 'alert-success',
    'error-message': 'alert-danger',
    'warning-message': 'alert-warning',
    'info-message': 'alert-info',
    'loading-message': 'alert-loading'
};
const getStyle = (className, bgColor, closeBtnColor, iconcolor, textcolor, borderColor = 'transparent') => {
    const studioClass = rnStyleToStudio[className];
    return [{
            className: `.${className}.app-message`,
            studioStyleSelector: `.${studioClass}.app-message`,
            style: {
                'background-color': bgColor,
                'border-color': borderColor
            }
        }, {
            className: `.${className}.app-message-text`,
            studioStyleSelector: `.${studioClass}.app-message span`,
            style: {
                color: textcolor
            }
        }, {
            className: `.${className}.app-message-icon .app-icon-text`,
            studioStyleSelector: `.${studioClass}.app-message .icon`,
            style: {
                color: iconcolor
            }
        }, {
            className: `.${className}.app-message-closebtn .app-button .app-button-icon .app-icon-text`,
            studioStyleSelector: `.${studioClass}.app-message button.close`,
            style: {
                color: closeBtnColor
            }
        }];
};
const getdtStyle = (className, bgColor = 'transparent', borderColor = 'transparent', textcolor, iconcolor) => {
    const studioClass = rnStyleToStudio[className];
    return [{
            className: `.${className}.app-message`,
            studioStyleSelector: `.${studioClass}.app-message`,
            dtStyle: {
                'background-color': bgColor,
                'border-color': borderColor
            }
        }, {
            className: `.${className}.app-message-text`,
            studioStyleSelector: `.${studioClass}.app-message span`,
            dtStyle: {
                'color': textcolor
            }
        }, {
            className: `.${className}.app-message-title`,
            studioStyleSelector: `.${studioClass}.app-message span`,
            dtStyle: {
                'color': textcolor
            }
        }, {
            className: `.${className}.app-message-icon .app-icon-text`,
            studioStyleSelector: `.${studioClass}.app-message .icon`,
            dtStyle: {
                'color': textcolor
            }
        }, {
            className: `.${className}.app-message-closebtn .app-button .app-button-icon .app-icon-text`,
            studioStyleSelector: `.${studioClass}.app-message button.close`,
            dtStyle: {
                'color': textcolor
            }
        }, {
            className: `.${className}.app-message-icon.root`,
            dtStyle: {
                'color': iconcolor
            }
        }
    ];
};
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-message',
            rnStyleSelector: 'app-message.root',
            studioStyleSelector: '.app-message',
            style: {},
            dtStyle: {
                // 'border-width':'var(--wm-message-container-border-width)',
                'border-style': 'var(--wm-message-container-border-style)',
                'border-radius': 'var(--wm-message-container-border-radius)',
                'padding': 'var(--wm-message-container-padding)'
            }
        }, {
            className: '.app-message-text',
            rnStyleSelector: 'app-message.text',
            studioStyleSelector: '.app-message span',
            style: {},
            dtStyle: {
                'font-size': 'var(--wm-message-container-text-font-size)'
            }
        }, {
            className: '.app-message-title',
            rnStyleSelector: 'app-message.title',
            studioStyleSelector: '',
            style: {},
            dtStyle: {
                'font-size': 'var(--wm-message-font-size)',
                'font-weight': 'var(--wm-message-font-weight)',
                'line-height': 'var(--wm-message-line-height)',
                'letter-spacing': 'var(--wm-message-letter-spacing)',
            }
        }, {
            className: '.app-message-text-wrapper',
            rnStyleSelector: 'app-message.message',
            studioStyleSelector: '.app-message >div:nth-child(2)',
            style: {}
        }, {
            className: '.app-message-icon',
            rnStyleSelector: 'app-message.icon',
            studioStyleSelector: '.app-message ',
            style: {},
            dtStyle: {
                'font-size': 'var(--wm-message-icon-font-size)'
            }
        }, {
            className: '.app-message-closebtn',
            rnStyleSelector: 'app-message.closeBtn',
            studioStyleSelector: '.app-message button.close',
            style: {}
        },
        ...getStyle('success-dark-message', '@messageSuccessColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
        ...getStyle('error-dark-message', '@messageErrorColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
        ...getStyle('warning-dark-message', '@messageWarningColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
        ...getStyle('info-dark-message', '@messageInfoColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
        ...getStyle('loading-dark-message', '@messageLoadingColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
        ...getStyle('success-light-message', '@defaultColorF', '@defaultColor6', '@messageSuccessColor', '@defaultColor6', '@defaultColorD'),
        ...getStyle('error-light-message', '@defaultColorF', '@defaultColor6', '@messageErrorColor', '@defaultColor6', '@defaultColorD'),
        ...getStyle('warning-light-message', '@defaultColorF', '@defaultColor6', '@messageWarningColor', '@defaultColor6', '@defaultColorD'),
        ...getStyle('info-light-message', '@defaultColorF', '@defaultColor6', '@messageInfoColor', '@defaultColor6', '@defaultColorD'),
        ...getStyle('loading-light-message', '@defaultColorF', '@defaultColor6', '@messageLoadingColor', '@defaultColor6', '@defaultColorD'),
        ...getdtStyle('success-dark-message', 'var(--wm-message-container-success-background)', 'var(--wm-message-container-success-border-color)', 'var(--wm-message-container-success-color)', 'var(--wm-message-container-success-color)'),
        ...getdtStyle('error-dark-message', 'var(--wm-message-container-danger-background)', 'var(--wm-message-container-danger-border-color)', 'var(--wm-message-container-danger-color)', 'var(--wm-message-container-danger-color)'), ...getdtStyle('warning-dark-message', 'var(--wm-message-container-warning-background)', 'var(--wm-message-container-warning-border-color)', 'var(--wm-message-container-success-color)', 'var(--wm-message-container-success-color)'), ...getdtStyle('info-dark-message', 'var(--wm-message-container-info-background)', 'var(--wm-message-container-info-border-color)', 'var(--wm-message-container-success-color)', 'var(--wm-message-container-success-color)'), ...getdtStyle('loading-dark-message', 'var(--wm-message-container-loading-background)', 'var(--wm-message-container-loading-border-color)', 'var(--wm-message-container-loading-color)', 'var(--wm-message-container-loading-color)'), ...getdtStyle('success-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-success-border-color)', 'var(--wm-message-container-warning-color)', 'var(--wm-message-container-success-background)'),
        ...getdtStyle('error-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-danger-border-color)', 'var(--wm-message-container-warning-color)', 'var(--wm-message-container-danger-background)'), ...getdtStyle('warning-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-warning-border-color)', 'var(--wm-message-container-warning-color)', 'var(--wm-message-container-warning-background)'), ...getdtStyle('info-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-info-border-color)', 'var(--wm-message-container-info-color)', 'var(--wm-message-container-info-background)'), ...getdtStyle('loading-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-loading-border-color)', 'var(--wm-color-black)', 'var(--wm-message-container-loading-background)')
    ])
};
//# sourceMappingURL=message.styledef.js.map