@use '@angular/material' as mat;
@use '../../colors' as colors;

// Alert mixin
// Use theme to manage colors on alert component
@mixin mic-alert-override($theme) {
  .alert {
    color: colors.$mic-brand-colors-white;

    &.alert-classical {
      background-color: colors.$mic-functionnal-colors-blue-info;
    }

    &.alert-success {
      background-color: colors.$mic-functionnal-colors-success-green;
    }

    &.alert-strong {
      background-color: colors.$mic-functionnal-colors-warning-orange;
      color: colors.$mic-text-colors-normal;
    }

    &.alert-critical {
      background-color: colors.$mic-functionnal-colors-error-red;
    }

    &.alert-clear {
      background-color: colors.$mic-brand-colors-white;
      color: colors.$mic-functionnal-colors-info-pink;
      .mdc-icon-button {
        color: colors.$mic-functionnal-colors-info-pink;
      }
    }
  }
}
