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

@layer components {
  .controls {
    @include mixins.base;
  }

  @each $variant, $props in config.$states {
    .controls#{generate.variant-name($variant)} {
      @include mixins.color;
    }
  }
}