@use '@angular/material' as mat;
@mixin sc-input-group-theme($theme) {
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);
  $is-dark-theme: map-get($theme, is-dark);

  $border-color:  if($is-dark-theme, rgba(255, 255, 255, 0.3), mat.get-color-from-palette($foreground, divider));

  @each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-up($breakpoint) {
      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
  
      // INPUT-GROUP
      .#{$infix}mat-input-group,
      .#{$infix}input-group {

        .mat-button,
        .mat-stroked-button,
        .mat-flat-button,
        & > .mat-icon-button ,
        .mat-checkbox {
          border-color: $border-color !important;
        }
      }
    }
  }
}