@use "sass:map";
@use "@angular/material" as mat;
@use "../global/index" as global;
@use "../themes/index" as themes;

@mixin override-color($theme) {
  @if map.get($theme, theme) == "dark" {
    .mat-bottom-sheet-container {
      background: themes.dark-color-overlay(16);
    }
  }
}

@mixin override-theme($theme) {
  $color-config: mat.get-color-config($theme);
  @if $color-config != null {
    @include override-color($theme);
  }

  .mat-bottom-sheet-container {
    padding: global.$spacing;
  }
}