@use '@angular/material' as mat;
@import '../variables';
@import '@angular/material/theming';

@mixin mw-mat-dialog-override($theme) {
  .mw-dialog {
    &__title {
      @include mat.typography-level($mw-mat-typography, title);
      flex: 1;
      align-items: center;
      display: flex;
    }

    &__actions {
      display: flex;
      align-items: center;

      button {
        height: 24px;
        line-height: 24px;
        width: 24px;

        .mat-button-focus-overlay {
          display: none;
        }
      }
    }
  }

  .mat-dialog-title {
    display: flex;
    flex-direction: row;
  }
}