import React, { useState } from'react';
const LoginForm = () => {
const [email, setEmail] = useState(" ");
const [password, setPassword] = useState(" "
);
const handleChangeEvent = (e) => {
const { name, value } = e.target;
if (name === 'email') {
setEmail(value);
} else if (name === 'password') {
setPassword(value);
}
};
const handleSubmit = (e) => {
e.preventDefault();
console.log('Form data submitted:', { email, password });
};
return (
<form onSubmit={handleSubmit}>
<div>
<label htmlFor="useremail-input">Email:</label>
<input
type="email"
id="useremail-input"
name="email"
value={email}
onChange={handleChangeEvent}
data-testid="useremail-input"
/>
</div>
<div>
<label htmlFor="userpassword-input">Password:</label>
<input
type="password"
id="userpassword-input"
name="password"
value={password}
onChange={handleChangeEvent}
data-testid="userpassword-input"
/>
</div>
<div>
<button type="submit">Submit</button>
</div>
</form>
);
};
export default LoginForm;