@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../button/mixins" as *;
@use "../button/sizes" as *;
@use "../button/colors" as *;
@use "../common/mixins" as *;
@use "../../base/dropDownButton";
@use "../../base/dropDownButton/mixins" as *;

// adduse

@include dx-dropdownbutton(
  $fluent-dropdownbutton-icon-spindown-size,
  $fluent-dropdownbutton-action-horizontal-padding,
);

.dx-dropdownbutton-popup-wrapper {
  @include dx-dropdownlist-list-appearance();
}

.dx-dropdownbutton {
  &:not(.dx-dropdownbutton-has-arrow) {
    .dx-button-has-icon:not(.dx-button-has-text) {
      @include dx-button-onlyicon-sizing();
    }
  }

  &.dx-state-disabled {
    opacity: 1;
  }
}

.dx-dropdownbutton-action {
  &.dx-button-has-icon,
  &.dx-button-has-text {
    .dx-icon-spindown.dx-icon-right {
      width: $fluent-dropdownbutton-icon-spindown-right-size;
      height: $fluent-dropdownbutton-icon-spindown-right-size;
    }
  }
}