@use "../../variables/index" as *;

@mixin boxShadowHelper($level: sm, $direction: none) {
  @if $level == sm {
    //cards
    box-shadow: $elevation-sm;
    @if $direction == border {
      box-shadow: $elevation-sm, var(--c8y-elevation-border);
    }
  } @else if $level == md {
    // right-drawer
    box-shadow: $elevation-md-bottom;
    @if $direction == right {
      box-shadow: $elevation-md-right;
    }
    @if $direction == left {
      box-shadow: $elevation-md-left;
    }
    @if $direction == top {
      box-shadow: $elevation-md-top;
    }
  } @else if $level == lg {
    box-shadow: $elevation-lg;
    // Note: lg level has no directional variants - use md with direction for dropdowns
  } @else if $level == hover {
    // card hover
    box-shadow: $elevation-hover;
  }
}

// borders
@mixin shadow-border($pos, $color) {
  box-shadow: inset 0 $pos 0 0 $color;
}
.shadow-scroll {
  box-shadow: 0 2px 3px rgba(black, 0.1);
}