@import "./var.less";
@import "./mixin.less";

.@{prefixCls}-text {
    width: 100%;
    padding: 6px 12px;
    font-size: 12px;
    color: @color-text-grey1;
    background-color: transparent;
    border-radius: @border-radius-base;
    border: 1px solid @color-neutral6;

    textarea {
        overflow: auto;
        vertical-align: top;
        resize: vertical;
    }

    &::placeholder {
        color: @color-text-grey4;
    }

    &-enabled {
        outline: none;

        &:hover {
            border-color: @color-primary6;
        }

        &:focus {
            border-color: @color-primary7;
            .motion-active-border();
            .motion-stroked-hint();
        }

        &:active {
            border-color: @color-primary6;
        }
    }


    &-disabled {
        color: @color-text-grey4;
        border-color: @color-neutral4;
        background-color: @color-neutral2;
        cursor: not-allowed;
    }

    &-warning {
        border-color: @color-danger6;
    }
}