CREATE TABLE User Detail
CREATE TABLE User Detail
return (
<div style={{ fontFamily: 'Arial, sans-serif', padding: '20px' }}>
<h1 style={{ color: '#333' }}>Ethical Login Test</h1>
<div style={{ marginBottom: '10px' }}>
<label>
Username:
<input
type="text"
value={username}
onChange={(e) => setUsername(e.target.value)}
style={{ marginLeft: '10px', padding: '5px', width: '200px' }}
/>
</label>
</div>
<div style={{ marginBottom: '10px' }}>
<label>
Password:
<input
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
style={{ marginLeft: '10px', padding: '5px', width: '200px' }}
/>
</label>
</div>
<button
onClick={handleSubmit}
style={{
backgroundColor: '#007BFF',
color: '#fff',
border: 'none',
padding: '10px 20px',
cursor: 'pointer',
borderRadius: '5px',
}}
>
Test Login
</button>
{response && (
<div style={{ marginTop: '20px' }}>
<h2 style={{ color: '#007BFF' }}>Response:</h2>
<pre
style={{
background: '#f4f4f4',
padding: '10px',
borderRadius: '5px',
overflowX: 'auto',
}}
>
{response}
</pre>
</div>
)}
</div>
);
};