import React from 'react';
import { Button, Container } from 'react-bootstrap';

function SingUp() {
    return(
        <div>
            <h2 className="d-flex justify-content-center">회원가입</h2>
            <Form>
                <Form.Group controlId="formGroupEmail">
                    <Form.Label>User name</Form.Label>
                    <Form.Control type="email" placeholder="Enter User name" />
                </Form.Group>
                <Form.Group controlId="formGroupPassword">
                    <Form.Label>Nickname</Form.Label>
                    <Form.Control type="password" placeholder="Enter nickname" />
                </Form.Group>
                <Form.Group controlId="formGroupEmail">
                    <Form.Label>Email address</Form.Label>
                    <Form.Control type="email" placeholder="Enter email" />
                </Form.Group>
                <Form.Group controlId="formGroupPassword">
                    <Form.Label>Password</Form.Label>
                    <Form.Control type="password" placeholder="Enter Password" />
                </Form.Group>
            </Form>
            <span>
                <Button className="btn btn-outline-primary">가입</Button>
            </span>
        </div>
    )
}

export default SingUp