@use "sass:map";
@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/tooltip/_theme.scss" as *;

@mixin kendo-tooltip--theme() {
    @include kendo-tooltip--theme-base();

    .k-tooltip-button {
        color: $kendo-tooltip-button-text;
    }

    @each $name, $color in $kendo-tooltip-theme-colors {
        @if($name == "primary" or $name == "dark" or $name == "light" or $name == "inverse") {
            .k-tooltip-#{$name} {
                color: k-color(on-#{$name});
                background-color: k-color(#{$name});
                border-color: k-color(#{$name});

                .k-tooltip-button {
                    
                    color: k-color(on-#{$name});
                }
            }
        } @else {
            .k-tooltip-#{$name} {
                color: k-color(#{$name}-on-subtle);
                background-color: k-color(#{$name}-subtle);
                border-color: k-color(#{$name}-subtle);
            }
        }
    }
}