$$plugins.define('textarea', function (element, options) {
	const textarea = element.querySelector('textarea');

    //style focus
    textarea.addEventListener('focus', (event) => {
        textarea.closest(".textarea").classList.add("focus");
    });

    textarea.addEventListener('blur', (event) => {
        textarea.closest(".textarea").classList.remove("focus");
    });

    //characters count
    textarea.addEventListener("input", event => {
        const target = event.currentTarget;
        const maxLength = target.getAttribute("maxlength");
        const currentLength = target.value.length;
        const currentLengthText = document.getElementsByClassName("textarea__remaining")[0];

        currentLengthText.innerHTML = currentLength;

        if (currentLength >= maxLength) {
            return;
        }
    });
});