@use '../CustomInputField/CustomInput' as *;
@use '../../../dependencies' as *;

@mixin insertCustomOptionsInput(
  $width: 320,
  $height: 44,
  $owner-width: none,
  $owner-height: none,
  $one-input: true,
) {
  .customOptionsInput {
    display: flex;
    gap: 6px;

    @include insertCustomInputTags(
            $width: $width,
            $height: $height,
    );

    input {
      @if ($one-input) {
        width: 100%;
      } @else {
        flex: 1;
      }
    }

    &.focus {
      @include insertCustomInputFocusTags();
    }

    &.disabled {
      @include insertCustomInputDisabledTags();
    }

    @content;
  }
}

@mixin insertCustomOptionsInputError() {
  .customOptionsInput {
    @include insertCustomInputErrorTags();

    &.focus {
      @include insertCustomInputErrorFocusTags();
    }
  }
}