@use 'sass:map';
@use '../../../mx-core/src/base/colors';
@use '../../../mx-core/src/base/opacity';
@use '../../../mx-core/src/components/progress-spinner';

@mixin mx-progress-spinner-theme($theme) {
  $is-dark: map.get($theme, is-dark);

  @if $is-dark == false {
    .mx-progress-spinner {
      &--primary {
        .mx-progress-spinner__circle {
          @include progress-spinner.spinner-border-color(map.get(colors.$mx-light, primary));
        }
      }
      &--on-surface {
        .mx-progress-spinner__circle {
          @include progress-spinner.spinner-border-color(
            rgba(map.get(colors.$mx-light, onSurface), opacity.$opacity-38)
          );
        }
      }
    }
  } @else {
    .mx-progress-spinner {
      &--primary {
        .mx-progress-spinner__circle {
          @include progress-spinner.spinner-border-color(map.get(colors.$mx-dark, primary));
        }
      }
      &--on-surface {
        .mx-progress-spinner__circle {
          @include progress-spinner.spinner-border-color(
            rgba(map.get(colors.$mx-dark, onSurface), opacity.$opacity-38)
          );
        }
      }
    }
  }
}