@use '@mskcc/themes/tokens' as tk;
@use '@carbon/styles/scss/config' as *;
@use '@mskcc/fundamentals/src/_variables.scss' as v;
@use '@mskcc/fundamentals/src/_mixins.scss' as m;
@use '@mskcc/colors' as c;
@use '@carbon/styles/scss/components/select';

@mixin msk-select {
    @include select.select;
    .#{$prefix}--select {
        .#{$prefix}--select-input {
            @include m.msk-input-default;
        }
    }
    .#{$prefix}--select--disabled .#{$prefix}--label,
    .#{$prefix}--select--disabled .#{$prefix}--form__helper-text {
        --#{$prefix}-text-disabled: #{tk.$msk--color-content-disabled};
    }

    // dropdown arrow
    .#{$prefix}--select__arrow {
        display: flex;
        align-items: center;
    }
}