@import url('~antd/es/style/themes/default.less');
@import url('../style/var.less');

@status-text-prefix-cls: ~'@{style-prefix}-status-text';

.@{status-text-prefix-cls} {
  display: flex;
  align-items: center;
  color: @text-color;

  &-primary {
    .@{status-text-prefix-cls}-dot {
      background-color: @primary-color;
    }
  }

  &-success {
    .@{status-text-prefix-cls}-dot {
      background-color: @success-color;
    }
  }

  &-danger {
    .@{status-text-prefix-cls}-dot {
      background-color: @error-color;
    }
  }

  &-warning {
    .@{status-text-prefix-cls}-dot {
      background-color: @warning-color;
    }
  }

  &-cancelled {
    .@{status-text-prefix-cls}-dot {
      background-color: @gray-6;
    }
  }

  &-dot {
    width: 6px;
    height: 6px;
    margin-right: @margin-xs;
    border-radius: 50%;
  }
}