@use './CustomInput';
@use './CustomTextareaInput';
@use '../CustomSelectField';
@use '../CustomInputWrapper';
@use '../CustomOptionsInput';

@mixin insertCustomInputField(
  $width: 320,
  $height: 44,
) {
  .inputField {
    @include CustomInputWrapper.insertCustomInputWrapperTags() {
      @content;
    }
    @include CustomSelectField.insertCustomSelectField($width: $width, $height: $height) {
      @content;
    }
    @include CustomTextareaInput.insertCustomTextareaInput($width: $width, $height: $height) {
      @content;
    }
    @include CustomOptionsInput.insertCustomOptionsInput($width: $width, $height: $height) {
      @content;
    }

    &.isError {
      @include CustomOptionsInput.insertCustomOptionsInputError();
      @include CustomSelectField.insertCustomSelectFieldError();
      @include CustomTextareaInput.insertCustomTextareaInputError();
    }

    @content;
  }
}