@use "sass:color";
@use '../abstracts/cds-icons' as icons;
@use 'cds-mixins-icons' as mixins;

@mixin cds-secondary {
    color: var(--cds-color-text-default);
    background-color: transparent;
    border: 1px solid var(--cds-color-border-default);

    & *,
    &[class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-default);
    }
}

@mixin cds-secondary--hover {
    background-color: var(--cds-color-background-default--hover);
    border: 1px solid var(--cds-color-border-default);

    &[class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-accent-primary-main);
    }
}

@mixin cds-secondary--active {
    background-color: var(--cds-color-background-default--active);
    border: 1px solid var(--cds-color-border-default);

    &[class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-accent-primary-main);
    }
}

@mixin cds-secondary--disabled {
    color: var(--cds-color-text-muted);
    border: 1px solid var(--cds-color-border-muted);

    & *,
    [class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-muted);
    }
}