@use "../../01-core/prefix" as *;
@use "../../01-core/external" as *;
@use "./toggle.mixins" as toggle;

@layer ss.components {
    .#{$ss-prefix-module}-toggle {
        @include toggle.ss-toggle;
    }

    // Toggle buttons (`.ss-c-button.ss-c-toggle__button` + aria-pressed),
    // optionally in an `ss-c-toggle__button-group`. The 0.3 names
    // `ss-c-toggle_button(_group)` live in `_legacy-components-compat.scss`.
    .#{$ss-prefix-module}-toggle__button-group {
        @include toggle.ss-toggle-button-group;

        > .#{$ss-prefix-module}-toggle__button
            + .#{$ss-prefix-module}-toggle__button {
            @include toggle.ss-toggle-button-joined;
        }
    }
    .#{$ss-prefix-module}-toggle__button[aria-pressed="false"]:not(.#{$ss-prefix-module}-toggle__button--active) {
        @include toggle.ss-toggle-button-resting;
    }
    .#{$ss-prefix-module}-toggle__button[aria-pressed="true"],
    .#{$ss-prefix-module}-toggle__button.#{$ss-prefix-module}-toggle__button--active {
        @include toggle.ss-toggle-button-pressed;
    }
}