// import React from 'react';
// import { Row, Col, Card, Button } from "react-bootstrap";
// import Place from './Components/Place';


// function Quadrant(props) {
//     <Row className="d-flex flex-wrap">
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[0].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[0].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}  onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[1].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[1].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}   onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[0].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[0].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}   onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[0].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[0].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}   onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//     </Row>


// }
// export default Quadrant