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

/// @deprecated Use the `css-vars` mixin instead.
/// @see {mixin} css-vars
/// @param {Map} $theme - The theme used to style the component.
@mixin rating($theme) {
    @include css-vars($theme, 'igc-rating');

    igc-rating::part(label) {
        color: var-get($theme, 'label-color');
    }

    igc-rating::part(value-label) {
        color: var-get($theme, 'value-label');
    }

    igc-rating[disabled]::part(label),
    igc-rating[disabled]::part(value-label) {
        color: var-get($theme, 'disabled-label-color');
    }

    igc-rating[disabled] {
        --symbol-empty-color: #{var-get($theme, 'disabled-empty-symbol-color')};
        --symbol-full-color: #{var-get($theme, 'disabled-full-symbol-color')};
        --disabled-symbol-empty-filter: #{var-get($theme, 'symbol-empty-filter')};
        --disabled-symbol-full-filter: #{var-get($theme, 'symbol-full-filter')};
    }
}