1const RegistrationForm = () => {
2    const [formData, setFormData] = useState({
3        username: '',
4        email: '',
5        password: ''
6    });
7
8    ________________________
9    ________________________
10
11    const handleSubmit = (e) => {
12        e.preventDefault();
13        console.log('Form submitted:', formData);
14    };
15
16    return (
17        <form onSubmit={handleSubmit} className="space-y-4">
18            <input
19                type="text"
20                name="username"
21                value={formData.username}
22                onChange={handleChange}
23                className="border p-2"
24            />
25            <input
26                type="email"
27                name="email"
28                value={formData.email}
29                onChange={handleChange}
30                className="border p-2"
31            />
32            <input
33                type="password"
34                name="password"
35                value={formData.password}
36                onChange={handleChange}
37                className="border p-2"
38            />
39            <button type="submit">Register</button>
40        </form>
41    );
42};