"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const getStyle = (className, type, color) => ([{
        className: `.${className}.app-progress-bar-bg`,
        rnStyleSelector: `app-${type}-progress-bar.progressBar`,
        studioStyleSelector: `.app-progress[type="${type}"]`,
        style: {
            'background-color': `fade(${color}, 20%)`
        },
        dtStyle: {
            'border-radius': 'var(--wm-radius-lg)'
        }
    }, {
        className: `.${className}.app-progress-bar-value`,
        rnStyleSelector: `app-${type}-progress-bar.progressValue`,
        studioStyleSelector: `.app-progress >.progress-bar-${type}`,
        style: {
            color: color
        }
    }]);
const getdtStyle = (className, type, active, Inactive, label) => ([{
        className: `.${className}.app-progress-bar-text`,
        rnStyleSelector: `app-${type}-progress-bar.progressBar`,
        studioStyleSelector: `.app-progress[type="${type}"]`,
        dtStyle: {
            'color': label
        }
    }, {
        className: `.${className}.app-progress-bar-bg`,
        rnStyleSelector: `app-${type}-progress-bar.progressBar`,
        studioStyleSelector: `.app-progress[type="${type}"]`,
        dtStyle: {
            'bacground-color': Inactive // Inactive css function 
        }
    }, {
        className: `.${className}.app-progress-bar-value`,
        rnStyleSelector: `app-${type}-progress-bar.progressValue`,
        studioStyleSelector: `.app-progress >.progress-bar-${type}`,
        dtStyle: {
            'color': active
        }
    }]);
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-progress-bar',
            rnStyleSelector: 'app-progress-bar.root',
            studioStyleSelector: '.app-progress',
            style: {},
            dtStyle: {
                'height': 'var(--wm-progress-bar-height)',
                'background': 'var(--wm-progress-bar-background-inactive)',
                'border-radius': 'var(--wm-progress-bar-radius)',
                'margin': 'var(--wm-progress-bar-margin)'
            }
        }, {
            className: '.app-progress-bar-text',
            rnStyleSelector: 'app-progress-bar.text',
            studioStyleSelector: '.app-progress.app-progress-label',
            style: {},
            dtStyle: {
                'color': 'var(--wm-progress-bar-label-color)'
            }
        }, {
            className: '.app-progress-bar-bg',
            rnStyleSelector: 'app-progress-bar.progressBar',
            studioStyleSelector: '.app-progress',
            style: {}
        }, {
            className: '.app-progress-bar-value',
            rnStyleSelector: 'app-progress-bar.progressValue',
            studioStyleSelector: '.app-progress .progress-bar',
            style: {},
            dtStyle: {
                'background-color': 'var(--wm-progress-bar-background-active)',
                'border-top-left-radius': 'var(--wm-progress-bar-radius)',
                'border-bottom-left-radius': 'var(--wm-progress-bar-radius)',
            }
        }, {
            className: '.app-progress-bar-tooltip',
            rnStyleSelector: 'app-progress-bar.tooltip',
            studioStyleSelector: '.app-progress .app-tooltip',
            style: {}
        }, {
            className: '.app-progress-bar-tooltip-label',
            rnStyleSelector: 'app-progress-bar.tooltipLabel',
            studioStyleSelector: '.app-progress .app-tooltip-label',
            style: {}
        },
        {
            className: '.app-progress-bar-tooltip-triangle',
            rnStyleSelector: 'app-progress-bar.tooltipTriangle',
            studioStyleSelector: '.app-progress .app-tooltip-triangle',
            style: {}
        },
        ...getStyle('app-default-progress-bar', 'default', '@progressBarDefaultColor'),
        ...getStyle('app-success-progress-bar', 'success', '@progressBarSuccessColor'),
        ...getStyle('app-info-progress-bar', 'info', '@progressBarInfoColor'),
        ...getStyle('app-danger-progress-bar', 'danger', '@progressBarDangerColor'),
        ...getStyle('app-warning-progress-bar', 'warning', '@progressBarWarningColor'),
        ...getdtStyle('app-default-progress-bar', 'default', 'var(--wm-progress-bar-background-active)', 'var(--wm-progress-bar-background-inactive)', 'var(--wm-progress-bar-label-color)'),
        ...getdtStyle('app-success-progress-bar', 'success', 'var(--wm-progress-bar-success-background-active)', 'var(--wm-progress-bar-success-background-inactive)', 'var(--wm-progress-bar-label-success-color)'),
        ...getdtStyle('app-info-progress-bar', 'info', 'var(--wm-progress-bar-info-background-active)', 'var(--wm-progress-bar-info-background-inactive)', 'var(--wm-progress-bar-info-label-color)'),
        ...getdtStyle('app-danger-progress-bar', 'danger', 'var(--wm-progress-bar-danger-background-active)', 'var(--wm-progress-bar-danger-background-inactive)', 'var(--wm-progress-bar-danger-label-color)'),
        ...getdtStyle('app-warning-progress-bar', 'warning', 'var(--wm-progress-bar-warning-background-active)', 'var(--wm-progress-bar-warning-background-inactive)', 'var(--wm-progress-bar-warning-label-color)'),
    ])
};
//# sourceMappingURL=progress-bar.styledef.js.map