@import '~antd/es/checkbox/style/index.less';
@import '../variable.less';

@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';

.@{checkbox-prefix-cls} {
  &-wrapper:not(&-checked):hover &-inner,
  &:not(&-checked):hover &-inner {
    border-color: @primary-color-hover;
  }

  // &-wrapper:hover &-inner,
  // &:hover &-inner {
  //   border-color: @primary-color-hover;
  // }

  // &-input:focus + &-inner {
  //   border-color: @primary-color-active;
  // }

  // &-wrapper:hover &-checked:not(&-indeterminate):not(&-disabled) &-inner,
  // &-checked:not(&-indeterminate):not(&-disabled):hover &-inner {
  //   background-color: @primary-color-hover;
  //   border-color: @primary-color-hover;
  // }

  // &-wrapper:hover &-checked:not(&-indeterminate):not(&-disabled):after,
  // &-checked:not(&-indeterminate):not(&-disabled):hover:after {
  //   border-color: @primary-color-hover;
  // }

  // // indeterminate
  // &-wrapper:hover &-indeterminate &-inner:after {
  //   background-color: @primary-color-hover;
  // }

  // &-indeterminate:hover &-input:focus + &-inner::after {
  //   background-color: @primary-color-active;
  // }

  // &-indeterminate &-input:focus + &-inner::after {
  //   background-color: @primary-color-active;
  // }
}

.@{checkbox-prefix-cls} + span {
  padding-right: @checkbox-label-padding-right;
  padding-left: @checkbox-label-padding-left;
}