@use 'sass:map';
@use '../base/colors';
@use '../base/elevation';

@mixin snackbar-el-3($is-dark: false) {
  @extend .gl-el-3;
  @if ($is-dark) {
    @extend .gl-dark-el-3;
  }
}

@mixin mx-snackbar-theme($theme) {
  $is-dark: map.get($theme, is-dark);
  $current-theme: colors.$mx-light;

  @if $is-dark {
    $current-theme: colors.$mx-dark;
  }

  .mx-snackbar-container.mat-mdc-snack-bar-container {
    .mdc-snackbar__surface {
      @include snackbar-el-3($is-dark);
      background-color: map.get($current-theme, inverseSurface);
    }
    .mdc-snackbar__label {
      color: map.get($current-theme, inverseOnSurface);
    }
  }
}

.mx-snackbar-container.mat-mdc-snack-bar-container {
  margin-bottom: 16px;
}

.mat-mdc-snack-bar-label.mdc-snackbar__label {
  padding: 0;
}