@use 'sass:map';
@use '../../base' as *;
@use '../../../styles/themes/scoping' as *;

/// @access private
/// @see {mixin} tokens
/// @param {Map} $theme - The theme used to style the component.
@mixin highlight($theme) {
    @include tokens($theme, $mode: 'scoped', $scope: '.igx-highlight');

    @include layer(base) {
        %igx-highlight {
            color: var-get($theme, 'resting-color');
            background: var-get($theme, 'resting-background');
        }

        %igx-highlight--active {
            color: var-get($theme, 'active-color');
            background: var-get($theme, 'active-background');
        }
    }
}