@use 'variables' as *;
@use '@xui/theme-core' as core;

@mixin theme() {
  .x-radio {
    display: inline-flex;
    gap: 4px;
    align-items: center;

    cursor: pointer;

    &-disabled {
      cursor: not-allowed;
      @include core.disabled();
    }

    @each $name in core.$color-variations {
      &-#{$name} {
        .x-icon {
          color: var(--color-#{$name}-default);
        }
      }
    }
  }
}