"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-switch',
            rnStyleSelector: 'app-switch.root',
            studioStyleSelector: '.app-switch',
            style: {},
            dtStyle: {
                'min-height': 'var(--wm-switch-min-height)',
                'padding': 'var(--wm-switch-padding)'
            }
        }, {
            className: '.app-switch-btn',
            rnStyleSelector: 'app-switch.button',
            studioStyleSelector: '.app-switch .btn',
            style: {
                'background-color': '@switchBgColor',
                'border-color': '@switchBorderColor'
            },
            dtStyle: {
                'height': 'var(--wm-switch-btn-height)',
                // 'border-width':'var(--wm-switch-btn-border-width)',
                'border-style': 'var(--wm-switch-btn-border-style)',
                'border-color': 'var(--wm-switch-btn-border-color)',
                'border-radius': 0,
                'color': 'var(--wm-switch-btn-color)',
                'padding': 'var(--wm-switch-btn-padding)',
                'background-color': 'var(--wm-switch-btn-background-color)',
                'min-width': 'var(--wm-switch-btn-min-width)',
                'font-size': 'var(--wm-switch-btn-font-size)',
                'font-family': 'var(--wm-switch-btn-font-family)',
                'border-right-width': 'var(--wm-switch-btn-border-right-width)',
                'font-weight': 'var(--wm-switch-btn-font-weight)'
            }
        }, {
            className: '.app-switch-btn-selected',
            rnStyleSelector: 'app-switch.selectedButton',
            studioStyleSelector: '.app-switch .btn.selected',
            style: {
                color: '@switchActiveTextColor',
                'background-color': '@switchActiveBgColor'
            },
            dtStyle: {
                'background-color': 'var(--wm-switch-btn-background-active)',
                'color': 'var(--wm-switch-btn-color-active)',
                'border-color': 'var(--wm-switch-btn-border-color-active)',
            }
        }, {
            className: '.app-switch-btn-text',
            rnStyleSelector: 'app-switch.text',
            studioStyleSelector: '.app-switch .btn',
            style: {}
        }, {
            className: '.app-switch-btn-selected-text',
            rnStyleSelector: 'app-switch.selectedButtonText',
            studioStyleSelector: '.app-switch .btn.selected',
            style: {},
            dtStyle: {
                'color': 'var(--wm-switch-btn-color)',
                'font-weight': 'var(--wm-switch-btn-font-weight)',
                'font-size': 'var(--wm-switch-btn-selected-txt)'
            }
        }, {
            className: '.app-switch-first-btn',
            rnStyleSelector: 'app-switch.firstButton',
            studioStyleSelector: '.app-switch > .btn-group > .btn:first-child',
            style: {},
            dtStyle: {
                'border-top-left-radius': 'var(--wm-switch-btn-radius)',
                'border-bottom-left-radius': 'var(--wm-switch-btn-radius)'
            }
        }, {
            className: '.app-switch-last-btn',
            rnStyleSelector: 'app-switch.lastButton',
            studioStyleSelector: '.app-switch > .btn-group > .btn:last-child',
            style: {},
            dtStyle: {
                'border-top-right-radius': ' var(--wm-switch-btn-radius)',
                'border-bottom-right-radius': 'var(--wm-switch-btn-radius)'
            }
        }, {
            className: '.app-switch-text-skeleton',
            rnStyleSelector: 'app-switch.skeleton',
            studioStyleSelector: '.app-switch-text-skeleton',
            dtStyle: {
                'border-radius': 'var(--wm-switch-text-skeleton)',
                'width': 'var(--wm-switch-text-skeleton-width)',
                'height': 'var(--wm-switch-text-skeleton-height)'
            }
        }, {
            className: '.app-switch-icon',
            rnStyleSelector: 'app-switch.loadingIcon',
            studioStyleSelector: '.app-switch .app-icon',
            style: {}
        }, {
            className: '.app-switch-selected-icon',
            rnStyleSelector: 'app-switch.selectedLoadingIcon',
            studioStyleSelector: '.app-switch .btn.selected .app-icon',
            style: {}
        }])
};
//# sourceMappingURL=switch.styledef.js.map