@use 'sass:map';
@use '../../../mx-core/src/base/colors';
@use '../../../mx-core/src/base/opacity';

@mixin mx-table-customize-columns-setting-theme($theme) {
  $is-dark: map.get($theme, is-dark);
  $color-theme: colors.$mx-light;

  @if $is-dark {
    $color-theme: colors.$mx-dark;
  }

  .mx-table-customize-columns-setting {
    &__content {
      .columns-count {
        border-bottom: 1px solid map.get($color-theme, outlineVariant);

        &__label {
          color: map.get($color-theme, onSurfaceVariant);
        }
      }
    }
  }

  .cdk-drag-preview {
    background-color: map.get($color-theme, surface);
  }
}