@import '@angular/material';

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

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

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

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

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

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