@use 'sass:map';
@use '../variables' as *;

@mixin cat-elevation($level, $box-shadow: '') {
  @if $box-shadow != '' {
    box-shadow:
      #{$box-shadow},
      map.get($cat-elevation, $level);
  } @else {
    box-shadow: map.get($cat-elevation, $level);
  }
}

@mixin cat-elevation-card {
  box-shadow: 0 0 0 1px cat-token('color.ui.border.card');
}

@mixin cat-elevation-transition {
  transition: $cat-elevation-transition;
}