// useInput.jsx
const useInput = validator => {
    const [enteredValue, setEnteredValue] = useState('');
    const [isTouched, setIsTouched] = useState(false);

    const valueIsValid = validator(enteredValue);
    const hasError = !valueIsValid && isTouched;

    const changeHandler = e => {
        setEnteredValue(e.target.value);
    };

    const blurHandler = e => {
        setIsTouched(true);
    };

    const reset = () => {
        setEnteredValue('');
        setIsTouched(false);
    };

    return {
        value: enteredValue,
        isValid: valueIsValid,
        hasError,
        changeHandler,
        blurHandler,
        reset,
    };
};

// EmailLogin.jsx
    const emailRegex =
        /^(([^<>()\[\].,;:\s@"]+(\.[^<>()\[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/i;

    const {
        value: enteredEmail,
        isValid: entredEmailIsValid,
        changeHandler: emailChangeHandler,
        blurHandler: emailBlurHandler,
        reset: resetEmailInput,
    } = useInput(value => emailRegex.test(value));

// useApi.jsx
const useAxios = ({ method, url, headers = null, body = null }) => {
    const [response, setResponse] = useState(null);
    const [error, setError] = useState('');
    const navigate = useNavigate();

    const ResData = useCallback(async () => {
        await axios({
            method: method,
            url: url,
            data: body,
            headers: headers,
        })
            .then(res => {
                setResponse(res.data);
            })
            .catch(err => {
                navigate('/notfound');
                setError(err);
            });
    }, [body]);

    return { ResData, response, error };
};

    // EmailLogin.jsx
    const { ResData, response, error } = useAxios({
        method: 'post',
        url: `${process.env.REACT_APP_BASE_URL}/user/login`,
        body: user,
        headers: {
            'Content-type': 'application/json',
        },
    });
    
        const formSubmitHandler = e => {
        e.preventDefault();
        
        ResData();
        }