import React, { Component } from 'react';
export class Login extends Component {
    constructor(props) {
        super(props);
        this.validateForm = this.validateForm.bind(this);
        this.validateUsername = this.validateUsername.bind(this);
        this.validatePassword = this.validatePassword.bind(this);
    }
    render() {
        return (
            <form onSubmit={this.validateForm.bind(this)}>
                <input type="text" name="username" />
                <input type="password" name="password" />
                <input type='submit' />
            </form>
        )
    }
    validateForm(event) {
        const formEle = event.target;
        const isValidUser = this.validateUsername(formEle.username.value);
        const isValidPassword = this.validatePassword(formEle.password.value);
        return isValidUser && isValidPassword === '';
    }
    validateUsername(user) {
        const specialCharacter = new RegExp(/[~`!@#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/);
        return (user && !specialCharacter.test(user) && user.length > 4 && user.length <= 10);
    }
    validatePassword(password) {


        if(!password) {
            return 'Password is empty';
        }

        if(!(password.length > 6 && password.length <=15)) {
            return 'Password length did not match'
        }

        return '';

    }
}
/* export function sum(a, b) {
    return a + b;
} */
// module.exports = sum;