this.primevue = this.primevue || {};
this.primevue.selectbutton = this.primevue.selectbutton || {};
this.primevue.selectbutton.style = (function (BaseStyle) {
    'use strict';

    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);

    var theme = function theme(_ref) {
      var dt = _ref.dt;
      return "\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ".concat(dt('rounded.base'), ";\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-top-left-radius: ").concat(dt('rounded.base'), ";\n    border-bottom-left-radius: ").concat(dt('rounded.base'), ";\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-top-right-radius: ").concat(dt('rounded.base'), ";\n    border-bottom-right-radius: ").concat(dt('rounded.base'), ";\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ").concat(dt('selectbutton.invalid.border.color'), ";\n    outline-offset: 0;\n}\n");
    };
    var classes = {
      root: function root(_ref2) {
        var props = _ref2.props;
        return ['p-selectbutton p-component', {
          'p-invalid': props.invalid
        }];
      }
    };
    var SelectButtonStyle = BaseStyle__default["default"].extend({
      name: 'selectbutton',
      theme: theme,
      classes: classes
    });

    return SelectButtonStyle;

})(primevue.base.style);
