@use "../../mixins/index.scss" as *;
@use "./variables.scss" as *;

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

    // Treeview
    .k-treeview {
        @include fill(
            $kendo-treeview-text,
            $kendo-treeview-bg,
            $kendo-treeview-border
        );
    }


    // Treeview wrappers
    .k-treeview-item-content {

        // Hover state
        &:hover,
        &.k-hover {
            @include fill(
                $kendo-treeview-item-hover-text,
                $kendo-treeview-item-hover-bg,
                $kendo-treeview-item-hover-border,
                $kendo-treeview-item-hover-gradient
            );
        }

        // Focus state
        &:focus,
        &.k-focus {
            @include focus-indicator( $kendo-treeview-item-focus-shadow, true );
        }

        // Selected state
        &.k-selected {
            @include fill(
                $kendo-treeview-item-selected-text,
                $kendo-treeview-item-selected-bg,
                $kendo-treeview-item-selected-border,
                $kendo-treeview-item-selected-gradient
            );

            &:hover,
            &.k-hover {
                background-color: $kendo-treeview-item-selected-hover-bg;
            }
        }
    }


    // Treeview load more button
    .k-treeview .k-treeview-load-more-button {
        @include fill(
            $kendo-treeview-loadmore-text,
            $kendo-treeview-loadmore-bg,
            $kendo-treeview-loadmore-border
        );

        // Hover state
        &:hover,
        &.k-hover {
            @include fill(
                $kendo-treeview-loadmore-hover-text,
                $kendo-treeview-loadmore-hover-bg,
                $kendo-treeview-loadmore-hover-border
            );
        }

        // Focus state
        &:focus,
        &.k-focus {
            @include fill(
                $kendo-treeview-loadmore-focus-text,
                $kendo-treeview-loadmore-focus-bg,
                $kendo-treeview-loadmore-focus-border
            );
            @include focus-indicator( $kendo-treeview-loadmore-focus-shadow, true );
        }
    }

}