import React, {useState} from 'react';

const PasswordConfirm = ({min}) => {
    const [val1, setVal1] = useState('')
    const [val2, setVal2] = useState('')

    const checkMatch = () => {
        if(val1 === val2) {
            if(val1.length > min && val2.length > min) {
                return false
            }
          } else {
            return true
        }
    }

    return (
        <div>
            <p>enter password</p>
            <input type='password'
                   value={val1}
                   onChange={(e) => setVal1(e.target.value)}
                   onInput={checkMatch}/>
               <p>repeat password</p>
            <input type='password'
                   value={val2}
                   onChange={(e) => setVal2(e.target.value)}
                   onInput={checkMatch}/>
            <button disabled={checkMatch()}>click!</button>
        </div>
    );
};

export default PasswordConfirm;