@use '../../../dependencies' as *;
@use '../CustomInputField/CustomInput';

@mixin insertCustomSelectFieldViewField($width: 320, $height: 44) {
  .field {
    @include CustomInput.insertCustomInputTags() {
      @content;
    }

    .label {
      all: unset;
      flex: 1;
      overflow: hidden;
      text-align: left;
      text-wrap: nowrap;
      text-overflow: ellipsis;
      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-900);
    }

    @include changeSvg($width: 20, $height: 20, $stroke: $gray-500, $flex: none);
  }
}

@mixin insertSelectFieldViewFieldError() {
  .field {
    @include CustomInput.insertCustomInputErrorTags();
  }
}