@use '../functions' as *;

@mixin button-size(
  $height,
  $padding-y,
  $padding-x,
  $border-radius,
  $font-size
) {
  height: $height;
  padding: $padding-y $padding-x;
  border-radius: $border-radius;
  font-size: $font-size;

  &::after {
    border-radius: calc($border-radius * 2);
  }
}

@mixin button-flush {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
}

@mixin button-set-theme {
  &,
  &#{bem($b: button, $m: disabled)},
  &#{bem($b: button, $m: loading)} {
    &#{bem($b: button)} {
      @content;
    }
  }
}