@use "../../../../styles/tools/generate";
@use "./config";
@use "./mixins";

@layer components {
  .textarea {
    @include mixins.base();
    @include mixins.states();

    @each $size, $values in config.$sizes {
      &#{generate.variant-name($size)} {
        @include mixins.size($size);
      }
    }

    @each $width, $value in config.$widths {
      &#{generate.variant-name($width)} {
        @include mixins.width($width);
      }
    }
  }
}