42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
import Button from "react-bootstrap/Button";
|
||
|
|
import Form from "react-bootstrap/Form";
|
||
|
|
import Modal from "react-bootstrap/Modal";
|
||
|
|
|
||
|
|
function AuthModal() {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className="modal show"
|
||
|
|
style={{ display: "block", position: "initial" }}
|
||
|
|
>
|
||
|
|
<Modal.Dialog>
|
||
|
|
<Modal.Header closeButton>
|
||
|
|
<Modal.Title>Modal title</Modal.Title>
|
||
|
|
</Modal.Header>
|
||
|
|
|
||
|
|
<Modal.Body>
|
||
|
|
<Form>
|
||
|
|
<Form.Group className="mb-3" controlId="formBasicEmail">
|
||
|
|
<Form.Label>Email address</Form.Label>
|
||
|
|
<Form.Control type="email" placeholder="Enter email" />
|
||
|
|
<Form.Text className="text-muted">
|
||
|
|
We'll never share your email with anyone else.
|
||
|
|
</Form.Text>
|
||
|
|
</Form.Group>
|
||
|
|
|
||
|
|
<Form.Group className="mb-3" controlId="formBasicPassword">
|
||
|
|
<Form.Label>Password</Form.Label>
|
||
|
|
<Form.Control type="password" placeholder="Password" />
|
||
|
|
</Form.Group>
|
||
|
|
</Form>
|
||
|
|
</Modal.Body>
|
||
|
|
|
||
|
|
<Modal.Footer>
|
||
|
|
<Button variant="secondary">Close</Button>
|
||
|
|
<Button variant="primary">Save changes</Button>
|
||
|
|
</Modal.Footer>
|
||
|
|
</Modal.Dialog>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
export default AuthModal;
|