// =============================================================================
// 31-modules / icon-bar / output
// =============================================================================

@use "sass:map";
@use "../../01-core/prefix" as *;
@use "./icon-bar.config" as config;
@use "./icon-bar.mixins" as *;

@layer ss.components {
    .#{$ss-prefix-module}-icon-bar {
        @include ss-icon-bar;

        &--horizontal {
            @include ss-icon-bar-horizontal;
        }
        &--vertical {
            @include ss-icon-bar-vertical;
        }

        &__item {
            @include ss-icon-bar-item;

            &.is-active,
            &--active {
                color: map.get(config.$icon-bar-config, "item-color-active");
            }
        }
    }
}