@use '@finastra/fds-theme/color' as fds;

@mixin theme($theme: null) {
  uxg-toaster {
    @include fds.color(on-surface);
    @include fds.background(surface);

    &.type-success .icon-container {
      @include fds.background(success);
      mat-icon {
        @include fds.color(on-success);
      }
    }
    &.type-info .icon-container {
      @include fds.background(info);
      mat-icon {
        @include fds.color(on-success);
      }
    }
    &.type-error .icon-container {
      @include fds.background(error);
      mat-icon {
        @include fds.color(on-error);
      }
    }
    &.type-warning .icon-container {
      @include fds.background(warning);
      mat-icon {
        @include fds.color(on-error);
      }
    }
  }
}