import React from "react";
import Button from "react-bootstrap/Button";
import Form from "react-bootstrap/Form";
import Container from "react-bootstrap/Container";
import { Link } from "react-router-dom";
import { Redirect } from "react-router-dom";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Image from 'react-bootstrap/Image'
// import Modal from "react-bootstrap/Modal";
// import 'bootstrap / dist / css / bootstrap.min.css';

import logo from './mainlogo.jpg'

function Main() {
    const clickSubmit = (event) => {
        event.preventDefault();
        console.log("메인페이지 도착")
    };

    // if (values.redirect) {
    //     return <Redirect to="/" />;
    //   }

    return (
        <Container className="col-sm-6 col-md-5 col-lg-4 p-5">
            <Form>
                <Image src={logo} rounded />
                <Form.Label>오늘! 어디가? </Form.Label>
                <Form.Group controlId="contentsbox">
                    <Form.Label>관광지 정보</Form.Label>
                    <Form.Control
                    />
                    <Form.Text >
                        관광지의 정보가 나타납니다.
                    </Form.Text>
                    <Row>
                    <Link to="logo.svg">
                    <Form.Text >
                        첫번째 관광지
                    </Form.Text>
                    </Link>
                    <Link to="logo.svg">
                    <Form.Text >
                        두번째 관광지
                    </Form.Text>
                    </Link>

                    </Row>
                    <Row>

                    <Link to="logo.svg">
                    <Form.Text >
                        세번째 관광지
                    </Form.Text>
                    </Link>

                    {/* modal같이 다른 창 띄우는 것도 방법이고 링크 넣거나 화면하나 만드는 것도 방법일 듯 */}

                    <Link to="logo.svg">
                    <Form.Text >
                        네번째 관광지
                    </Form.Text>
                    </Link>
                    </Row>

                </Form.Group>
                {/* <Button variant="primary" type="submit" onClick={clickSubmit}>Submit</Button> */}


                <Form.Group controlId="inputbox">
                    <Form.Label>다른 관광지 검색하기</Form.Label>
                    <Form.Control
                    />
                    <Form.Text className="text-muted">
                        새로운 관광지를 검색합니다.
          </Form.Text>
                </Form.Group>

                <Button variant="danger" type="submit" onClick={clickSubmit}>다른 관광지 검색하기</Button>

            </Form>


        </Container>
    );
}

export default Main;
