"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-buttongroup',
            rnStyleSelector: 'app-buttongroup.root',
            studioStyleSelector: '.app-button-group',
            style: {
                'border-color': '@buttonGrpBorderColor',
                'background-color': '@buttonGrpBgColor'
            },
            dtStyle: {
                'border-top-left-radius': 'var(--wm-button-group-horizontal-radius)',
                'border-top-right-radius': 'var(--wm-button-group-horizontal-radius)',
                'border-bottom-left-radius': 'var(--wm-button-group-horizontal-radius)',
                'border-bottom-right-radius': 'var(--wm-button-group-horizontal-radius)',
                'border-radius': 'var(--wm-button-group-border-radius)',
                'border-width': 'var(--wm-button-group-border-width)',
                'border-style': 'var(--wm-button-group-border-style)',
                'border-color': 'var(--wm-button-group-border-color)',
                'background-color': 'var(--wm-button-group-background-color)',
                'overflow': 'var(--wm-button-group-overflow)'
            }
        }, {
            className: '.btn-group-child',
            rnStyleSelector: 'btn-group-child',
            studioStyleSelector: '.app-button-group>.app-button',
            style: {
                'border-color': '@buttonGrpBorderColor'
            },
            dtStyle: {
                'border-top-width': 'var(--wm-button-group-child-border-top-width)',
                'border-bottom-width': 'var(--wm-button-group-child-border-bottom-width)',
                'border-left-width': 'var(--wm-button-group-child-border-left-width)',
                'border-right-width': 'var(--wm-button-group-child-border-right-width)',
                'border-radius': 'var(--wm-button-group-child-border-radius)',
                'background-color': 'var(--wm-button-group-child-background-color)',
                'border-color': 'var(--wm-button-group-child-border-color)'
            }
        }, {
            className: '.btn-group-first-child',
            rnStyleSelector: 'btn-group-first-child.root',
            studioStyleSelector: '.app-button-group>.app-button:first-child',
            style: {
                'border-color': '@buttonGrpBorderColor'
            },
            dtStyle: {
                'border-left-width': 'var(--wm-space-0)',
                'border-top-left-radius': 'var(--wm-space-7)',
                'border-bottom-left-radius': 'var(--wm-space-7)',
                'background-color': ' var(--wm-button-group-child-background-color)',
                'border-color': 'var(--wm-button-group-child-border-color)'
            }
        }, {
            className: '.btn-group-last-child',
            rnStyleSelector: 'btn-group-last-child.root',
            // studioStyleSelector: '.app-button-group>.app-button:last-child',
            dtStyle: {
                'border-right-width': 'var(--wm-space-0)',
                'border-top-right-radius': 'var(--wm-space-7)',
                'border-bottom-right-radius': 'var(--wm-space-7)',
                'background-color': 'var(--wm-button-group-child-background-color)',
                'border-color': 'var(--wm-button-group-child-border-color)'
            }
        }, {
            className: '.app-buttongroup-skeleton',
            rnStyleSelector: 'app-buttongroup.skeleton',
            studioStyleSelector: '.app-buttongroup-skeleton',
            style: {},
            dtStyle: {
                'width': 'var(--wm-button-group-skeleton-width)',
                'height': 'var(--wm-button-group-skeleton-height)',
                'border-radius': 'var(--wm-button-group-skeleton-border-radius)',
                'border-color': 'var(--wm-button-group-skeleton-border-color)'
            }
        }])
};
//# sourceMappingURL=buttongroup.styledef.js.map