@use '../../styles/mixins';

.ydb-disk-status {
    &__type_hdd {
        color: var(--g-color-text-utility);
        background-color: var(--g-color-base-utility-light);
    }

    &__type_ssd {
        color: var(--g-color-text-misc);
        background-color: var(--g-color-base-misc-medium);
    }

    &__type_nvme {
        color: var(--g-color-text-info);
        background-color: var(--g-color-base-info-light);
    }

    &__capacity-alert {
        $space-colors: (
            'green': 'green',
            'yellow': 'yellow',
            'red': 'red',
            'spacecyan': 'cyan',
            'spacelightyellow': 'light-yellow',
            'spacelightorange': 'light-orange',
            'spacepreorange': 'pre-orange',
            'spaceorange': 'orange',
            'spaceblack': 'black',
        );

        @each $color, $token in $space-colors {
            &_color_#{$color} {
                @include mixins.capacity-alert-label-colors($token);
            }
        }
    }

    &__label,
    &__tooltip {
        cursor: default;
    }

    &__label_danger-heavy {
        color: var(--g-color-text-light-primary);
        background-color: var(--g-color-base-danger-heavy);
    }

    &__tooltip {
        display: inline-flex;

        border-radius: var(--g-border-radius-s);

        &:focus-visible {
            outline: 2px solid var(--g-color-line-focus);
            outline-offset: 2px;
        }
    }
}