@import "_a-select";

.a-select {
  @extend %a-select;

  &__original {
    @extend %a-select__original;
  }

  &__inner {
    @extend %a-select__inner;
  }

  &__selected {
    @extend %a-select__selected;
  }

  &__dropdown {
    @extend %a-select__dropdown;

    &--active {
      @extend %a-select__dropdown--active;
    }
  }

  &__search {
    @extend %a-select__search;
  }

  &__item-selectable {
    @extend %a-select__item-selectable;

    &--disabled {
      @extend %a-select__item-selectable--disabled;
    }
  }

  &__dropdown-item {
    @extend %a-select__dropdown-item;

    &--active {
      @extend %a-select__dropdown-item--active;
    }
  }

  &--open {
    .a-select__icon {
      @extend %a-select__icon--active;
    }
  }

  &--disabled {
    .a-select__item-selectable {
      @extend %a-select__item-selectable--disabled;
    }
  }
}