@use "sass:map";
@use "../../functions/index.scss" as *;
@use "../../color-system/_functions.scss" as *;
@use "_variables.scss" as *;

@mixin kendo-badge--theme-base() {

    .k-badge {
        // Solid badges
        #{k-when-default($kendo-badge-default-fill-mode, "solid")}
        &.k-badge-solid {
            @each $name in $kendo-badge-theme-colors {
                #{k-when-default($kendo-badge-default-theme-color, $name)}
                &.k-badge-#{$name} {
                    border-color: k-color(#{$name});
                    color: k-color(on-#{$name});
                    background-color: k-color(#{$name});
                }
            }
        }

        // Outline badges
        #{k-when-default($kendo-badge-default-fill-mode, "outline")}
        &.k-badge-outline {
            border-color: currentColor;
            background-color: transparent;

            @each $name in $kendo-badge-theme-colors {
                #{k-when-default($kendo-badge-default-theme-color, $name)}
                &.k-badge-#{$name} {
                    color: k-color(#{$name}-on-surface);
                }
            }
        }
    }


}