@use '../../base' as *;
@use 'sass:string';

/// @access private
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
@mixin component {
    @include b(igx-button-group) {
        $this: bem--selector-to-string(&);
        @include register-component(
            $name: string.slice($this, 2, -1),
            $deps: (
                igx-button,
            )
        );

        @extend %igx-group-display !optional;

        @include e(item) {
            @extend %igx-group-item !optional;
        }

        @include e(item, $m: selected) {
            @extend %igx-group-item-selected !optional;
        }

        @include e(item-content) {
            @extend %igx-group-item-content !optional;
        }

        @include e(button-text) {
            @extend %igx-button-group__button-text !optional;
        }

        @include m(vertical) {
            @extend %igx-group-vertical !optional;

            @include e(item) {
                @extend %igx-group-item-vertical !optional;
            }
        }
    }
}