@use '@angular/material' as mat;

@use '../utils';
@use './tokens';

@mixin m3-color($theme) {
  @include utils.create-token-values(tokens.get-color-tokens($theme, primary));

  .mat-timepicker-content {
    &.mat-accent {
      @include utils.create-token-values(tokens.get-content-color-tokens($theme, tertiary));
    }

    &.mat-warn {
      @include utils.create-token-values(tokens.get-content-color-tokens($theme, error));
    }
  }

  .mat-timepicker-toggle-active {
    &.mat-accent {
      $tertiary-tokens: tokens.get-toggle-color-tokens($theme, tertiary);
      @include utils.create-token-values($tertiary-tokens);
    }

    &.mat-warn {
      $error-tokens: tokens.get-toggle-color-tokens($theme, error);
      @include utils.create-token-values($error-tokens);
    }
  }
}