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 mainlogo from '../picture/mainlogo.jpg'

// import Modal from "react-bootstrap/Modal";
// import 'bootstrap / dist / css / bootstrap.min.css';


function Home() {
    const clickSubmit = (event) => {
        event.preventDefault();
        console.log("버튼실행 = 메인으로 넘기기 ")
        return <Redirect to="/main"/>
    };

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

    return (

        <Container className="col-sm-6 col-md-5 col-lg-4 p-5">
            {/* <Row> */}
            <Image src={mainlogo} rounded />
            <Form>
                <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>
           
            {/* </Row> */}

        </Container>
    );
}

export default Home;