@use 'variables' as *;
@use '../xui';

@mixin theme() {
  xui-button-group {
    width: fit-content;
    display: flex;

    .x-button {
      border-radius: 0;
      margin-right: 0;
    }

    > xui-button:first-child .x-button {
      @include xui.border-left-radius-only($border-radius);
    }

    > xui-button:last-child .x-button {
      @include xui.border-right-radius-only($border-radius);
    }

    > xui-button:not(:first-child) .x-button {
      margin-left: -1px;
    }
  }
}