@use "../icon_fonts" as *;

@mixin dx-textarea(
  $input-container-margin,
  $content-line-height,
  $outlined-top-padding,
  $filled-top-padding,
  $underlined-top-padding,
) {
  .dx-textarea {
    > .dx-texteditor-container > .dx-texteditor-input-container {
      margin: $input-container-margin;
    }

    .dx-texteditor-input,
    .dx-placeholder::before {
      line-height: $content-line-height;
    }

    &.dx-texteditor-with-label:not(.dx-texteditor-label-outside),
    &.dx-texteditor-with-floating-label {
      &.dx-editor-outlined,
      &.dx-editor-filled,
      &.dx-editor-underlined {
        .dx-placeholder::before,
        .dx-texteditor-input {
          padding-top: 0;
        }
      }

      &.dx-editor-outlined {
        .dx-texteditor-container {
          padding-top: $outlined-top-padding;
        }
      }

      &.dx-editor-filled {
        .dx-texteditor-container {
          padding-top: $filled-top-padding;
        }
      }

      &.dx-editor-underlined {
        .dx-texteditor-container {
          padding-top: $underlined-top-padding;
        }
      }
    }

    .dx-icon-clear {
      top: 0;
      margin-top: 0;
    }
  }
}