@use '@angular/material' as mat;
@use 'sass:map';
@use '../../utilities/elevations' as elevations;
@use '../../colors' as colors;

// Material dialog mixin
@mixin mat-dialog-override($theme) {
  $is-dark: map.get($theme, is-dark);

  .mat-mdc-dialog-container {
    .mat-mdc-dialog-surface {
      @include elevations.mic-elevation(2);
    }
    .mdc-dialog__content {
      @if $is-dark {
        color: colors.$light-primary-text;
      }
    }
  }
  .mat-mdc-dialog-component-host {
    display: inline !important;
  }
}
