"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const getPanelStyle = (type, color) => ([
    {
        className: `.panel-${type}.app-panel-header`,
        style: {
            'background-color': color
        }
    }, {
        className: `.panel-${type}.app-panel-title`,
        style: {
            'color': '@panelTextColor'
        }
    }, {
        className: `.panel-${type}.app-panel-sub-title`,
        style: {
            'color': '@panelTextColor'
        }
    }, {
        className: `.panel-${type}.app-panel-icon .app-icon-text`,
        style: {
            'color': '@panelTextColor'
        }
    }
]);
const getBadgeStyle = (badgeClass, color) => ({
    className: `.app-panel-${badgeClass}-badge`,
    rnStyleSelector: `app-panel.${badgeClass}`,
    studioStyleSelector: `.app-panel .panel-heading .panel-actions .label.label-${badgeClass}`,
    style: {
        'background-color': color,
        'color': '@defaultColorF'
    }
});
const getPaneldtStyle = (type, color, headingColor, descriptionColor) => ([
    {
        className: `.panel-${type}.app-panel-header`,
        dtStyle: {
            'background-color': color
        }
    }, {
        className: `.panel-${type}.app-panel-title`,
        dtStyle: {
            'color': headingColor
        }
    }, {
        className: `.panel-${type}.app-panel-sub-title`,
        rnStyleSelector: 'app-panel.subHeading',
        studioStyleSelector: '.app-panel .panel-heading .description',
        style: {},
        dtStyle: {
            'color': descriptionColor,
        }
    }, {
        className: `.panel-${type}.app-panel-icon .app-icon-text`,
        dtStyle: {
            'color': headingColor
        }
    }
]);
const getBadgedtStyle = (badgeClass, bgColor, color) => ({
    className: `.app-panel-${badgeClass}-badge`,
    rnStyleSelector: `app-panel.${badgeClass}`,
    studioStyleSelector: `.app-panel .panel-heading .panel-actions .label.label-${badgeClass}`,
    style: {
        'background-color': bgColor,
        'color': color
    }
});
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-panel',
            rnStyleSelector: 'app-panel.root',
            studioStyleSelector: '.app-panel',
            style: {
                'background-color': '@panelBgColor'
            },
            dtStyle: {
                'background-color': 'var(--wm-panel-background)',
                'border-radius': 'var(--wm-panel-radius)',
                'border-width': 'var(--wm-panel-border-width)',
                'border-style': 'var(--wm-panel-border-style)',
                'padding': 'var(--wm-panel-padding)'
                // 'box-shadow':'var(--wm-panel-shadow)'
            }
        }, {
            className: '.app-panel-title',
            rnStyleSelector: 'app-panel.text',
            studioStyleSelector: '.app-panel .panel-heading .heading',
            style: {
                color: '@panelHeaderTextColor'
            },
            dtStyle: {
                'font-family': 'var(--wm-panel-heading-font-family)',
                'font-size': 'var(--wm-panel-heading-font-size)',
                'color': 'var(--wm-panel-heading-color)',
                'font-weight': 'var(--wm-font-weight-bold)'
            }
        }, {
            className: '.app-panel-header',
            rnStyleSelector: 'app-panel.header',
            studioStyleSelector: '.app-panel .panel-heading',
            style: {
                'background-color': '@panelHeaderBgColor',
                'border-color': '@panelHeaderBgColor'
            },
            dtStyle: {
                'background-color': 'var(--wm-panel-heading-background)',
                'padding-horizontal': 'var(--wm-panel-header-padding-horizontal)',
                'padding-vertical': 'var(--wm-panel-header-padding-vertical)',
                'border-style': 'var(--wm-panel-border-style)',
                'border-width': 'var(--wm-panel-border-width)',
                'border-color': 'var(--wm-panel-heading-background)',
                'border-top-left-radius': 'var(--wm-panel-header-border-top-left-radius)',
                'border-top-right-radius': 'var(--wm-panel-header-border-top-right-radius)'
            }
        }, {
            className: '.app-panel-sub-title',
            rnStyleSelector: 'app-panel.subHeading',
            studioStyleSelector: '.app-panel .panel-heading .description',
            style: {},
            dtStyle: {
                'padding-horizontal': 'var(--wm-panel-sub-heading-padding-horizontal)'
            }
        }, {
            className: '.app-panel-icon',
            rnStyleSelector: 'app-panel.icon',
            studioStyleSelector: '.app-panel .panel-heading ',
            style: {},
            dtStyle: {
                'font-size': 'var(--wm-panel-icon-font-size)'
            }
        }, {
            className: '.app-panel-toggle-icon',
            rnStyleSelector: 'app-panel.toggleIcon',
            studioStyleSelector: '',
            style: {},
            dtStyle: {
                'font-size': 'var(--wm-panel-toggle-icon-font-size)'
            }
        }, {
            className: '.app-panel-badge',
            rnStyleSelector: 'app-panel.badge',
            studioStyleSelector: '.app-panel .panel-heading .app-badge',
            style: {
                color: '@badgeTextColor'
            },
            dtStyle: {
                'color': 'var(--wm-panel-badge-color)',
                'margin-right': 'var(--wm-panel-badge-margin-right)'
            }
        },
        getBadgeStyle('default', '@labelDefaultColor'),
        getBadgeStyle('danger', '@labelDangerColor'),
        getBadgeStyle('success', '@labelSuccessColor'),
        getBadgeStyle('warning', '@labelWarningColor'),
        getBadgeStyle('info', '@labelInfoColor'),
        getBadgeStyle('primary', '@labelPrimaryColor'),
        ...getPanelStyle('default', '@panelDefaultColor'),
        ...getPanelStyle('danger', '@panelDangerColor'),
        ...getPanelStyle('success', '@panelSuccessColor'),
        ...getPanelStyle('warning', '@panelWarningColor'),
        ...getPanelStyle('info', '@panelInfoColor'),
        ...getPanelStyle('primary', '@panelPrimaryColor'),
        getBadgedtStyle('danger', 'var(--wm-panel-heading-color-danger)', 'var(--wm-panel-background-danger)'),
        getBadgedtStyle('success', 'var(--wm-panel-heading-color-success)', 'var(--wm-panel-background-success)'),
        getBadgedtStyle('warning', 'var(--wm-panel-heading-color-warning)', 'var(--wm-panel-background-warning)'),
        getBadgedtStyle('info', 'var(--wm-panel-heading-color-info)', 'var(--wm-panel-background-info)'),
        getBadgedtStyle('primary', 'var(--wm-panel-heading-color-primary)', 'var(--wm-panel-background-primary)'),
        getBadgedtStyle('secondary', 'var(--wm-panel-heading-color-secondary)', 'var(--wm-panel-background-secondary)'),
        getBadgedtStyle('tertiary', 'var(--wm-panel-heading-color-tertiary)', 'var(--wm-panel-background-tertiary)'),
        ...getPaneldtStyle('danger', 'var(--wm-panel-background-danger)', 'var(--wm-panel-heading-color-danger)', 'var(--wm-panel-description-color-danger)'),
        ...getPaneldtStyle('success', 'var(--wm-panel-background-success)', 'var(--wm-panel-heading-color-success)', 'var(--wm-panel-description-color-success)'),
        ...getPaneldtStyle('warning', 'var(--wm-panel-background-warning)', 'var(--wm-panel-heading-color-warning)', 'var(--wm-panel-description-color-warning)'),
        ...getPaneldtStyle('info', 'var(--wm-panel-background-info)', 'var(--wm-panel-heading-color-info)', 'var(--wm-panel-description-color-info)'),
        ...getPaneldtStyle('primary', 'var(--wm-panel-background-primary)', 'var(--wm-panel-heading-color-primary)', 'var(--wm-panel-description-color-primary)'),
        ...getPaneldtStyle('secondary', 'var(--wm-panel-background-secondary)', 'var(--wm-panel-heading-color-secondary)', 'var(--wm-panel-description-color-secondary)'),
        ...getPaneldtStyle('tertiary', 'var(--wm-panel-background-tertiary)', 'var(--wm-panel-heading-color-tertiary)', 'var(--wm-panel-description-color-tertiary)'),
        // ...getPaneldtStyle('default','var(--wm-panel-background)','var(--wm-panel-heading-background)','var(--wm-panel-heading-color)'),
    ])
};
//# sourceMappingURL=panel.styledef.js.map