1 | import React from "react";
|
---|
2 | import { Container, Row, Col, Image } from "react-bootstrap";
|
---|
3 | import { LuFan } from "react-icons/lu";
|
---|
4 | import { TbToolsKitchen2 } from "react-icons/tb"
|
---|
5 | import { MdBalcony } from "react-icons/md"
|
---|
6 |
|
---|
7 | const Room = (props) => {
|
---|
8 | return (
|
---|
9 | <>
|
---|
10 | <Container style={{ width: "100%" }}>
|
---|
11 | <Row className="g-0">
|
---|
12 | <Col
|
---|
13 | className="d-flex justify-content-center"
|
---|
14 | style={{ maxWidth: "40%" }}
|
---|
15 | >
|
---|
16 | <Image
|
---|
17 | src="https://img.freepik.com/free-photo/luxury-classic-modern-bedroom-suite-hotel_105762-1787.jpg?w=2000"
|
---|
18 | style={{
|
---|
19 | height: "10em",
|
---|
20 | borderRadius: "1em",
|
---|
21 | boxShadow: "0 4px 20px lightblue",
|
---|
22 | maxWidth: "100%",
|
---|
23 | }}
|
---|
24 | className="m-auto"
|
---|
25 | ></Image>
|
---|
26 | </Col>
|
---|
27 | <Col>
|
---|
28 | <Container className="m-auto">
|
---|
29 | <Row>
|
---|
30 | <h5 style={{ textAlign: "left" }}>
|
---|
31 | {props.data.hotelRoomName}
|
---|
32 | </h5>
|
---|
33 | </Row>
|
---|
34 | <Row>
|
---|
35 | {props.data.airCondition && <Col className="col-auto">
|
---|
36 | <Container className="py-1 px-1">
|
---|
37 | <Row className="d-flex flex-row">
|
---|
38 | <Col className="m-0 w-25 py-1">
|
---|
39 | <LuFan
|
---|
40 | className="my-0 "
|
---|
41 | color="#159895"
|
---|
42 | size={25}
|
---|
43 | ></LuFan>
|
---|
44 | </Col>
|
---|
45 | <Col className="w-75 d-flex p-0">
|
---|
46 | <h6 style={{ fontSize: "10px" }} className="m-auto">
|
---|
47 | Климатизирано
|
---|
48 | </h6>
|
---|
49 | </Col>
|
---|
50 | </Row>
|
---|
51 | </Container>
|
---|
52 | </Col>}
|
---|
53 | {props.data.kitchenAvailable && <Col className="col-auto">
|
---|
54 | <Container
|
---|
55 | className="py-1 px-1">
|
---|
56 | <Row className="d-flex flex-row">
|
---|
57 | <Col className="m-0 w-25 py-1">
|
---|
58 | <TbToolsKitchen2 className="my-0 " color="#159895" size={25}></TbToolsKitchen2>
|
---|
59 | </Col>
|
---|
60 | <Col className="w-75 d-flex p-0" >
|
---|
61 | <h6 style={{fontSize: "10px"}} className="m-auto">Кујна</h6>
|
---|
62 | </Col>
|
---|
63 | </Row>
|
---|
64 | </Container>
|
---|
65 | </Col>}
|
---|
66 | {props.data.balcony && <Col className="col-auto">
|
---|
67 | <Container
|
---|
68 | className="py-1 px-1">
|
---|
69 | <Row className="d-flex flex-row">
|
---|
70 | <Col className="m-0 w-25 py-1">
|
---|
71 | <MdBalcony className= "my-0 " color="#159895" size={25}></MdBalcony>
|
---|
72 | </Col>
|
---|
73 | <Col className="w-75 d-flex p-0" >
|
---|
74 | <h6 style={{fontSize: "10px"}} className="m-auto">Тераса</h6>
|
---|
75 | </Col>
|
---|
76 | </Row>
|
---|
77 | </Container>
|
---|
78 | </Col>}
|
---|
79 | </Row>
|
---|
80 | <Row>
|
---|
81 | <p style={{ textAlign: "left", textDecoration: "none" }}>
|
---|
82 | {props.data.hotelRoomDescription}
|
---|
83 | </p>
|
---|
84 | </Row>
|
---|
85 | </Container>
|
---|
86 | </Col>
|
---|
87 | </Row>
|
---|
88 | </Container>
|
---|
89 | </>
|
---|
90 | );
|
---|
91 | };
|
---|
92 |
|
---|
93 | export default Room;
|
---|