import template from "./Textarea.html";
import style from "antd/lib/input/style/index.css";

class Textarea {
    useModules = ["esNgAntd"];

    state = {
        value: this.props.value,
        count: 0,
        maxLength: this.props.maxLength || "off",
    };

    constructor() {
        esNgAntd.createStyle("ant-input", style);
    }

    handleKeyup(event) {
        if (!this.event) {
            this.event = event;
        }
        if (this.state.maxLength === "off") {
            return;
        }
        let target = event.target;
        this.state.count = target.value.length;
    }

    handleClick(event) {
        if (!this.event) {
            this.event = event;
        }
    }

    handleChange() {
        this.props.onChange({
            event: this.event,
        });
    }

    render() {
        return template;
    }
}

Textarea.propTypes = {
    value: PropTypes.string,
    placeholder: PropTypes.string,
    showCount: PropTypes.boolean,
    maxLength: PropTypes.number,
    onChange: PropTypes.function,
};