function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full max-w-md mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f7] p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-black", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Hotels"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#8e8e93]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "233 hotels near you")), /*#__PURE__*/ React.createElement("div", { className: "flex overflow-x-auto no-scrollbar bg-white", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-none p-2", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007aff] text-white font-semibold py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "New york, NY")), /*#__PURE__*/ React.createElement("div", { className: "flex-none p-2", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007aff] text-white font-semibold py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Mar 3 - Mar 5")), /*#__PURE__*/ React.createElement("div", { className: "flex-none p-2", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007aff] text-white font-semibold py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "3 Adults"))), /*#__PURE__*/ React.createElement("div", { className: "my-3 px-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path-to-image.jpg", alt: "Comfortable room in Edison Times Square hostel", className: "w-full h-[250px] object-cover", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Edison Times Square"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#8e8e93]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "New York City – Show on map"), /*#__PURE__*/ React.createElement("div", { className: "my-1 flex justify-between", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "Price"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "US$1,167")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "Reviews"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#ffcc00] text-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, "⭐️"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }, "7.5"))), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007aff] text-white font-semibold py-2 px-6 rounded-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "Book"))))), /*#__PURE__*/ React.createElement("div", { className: "my-3 px-4", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path-to-another-image.jpg", alt: "Spacious suite in Doubletree by Hilton hostel", className: "w-full h-[250px] object-cover", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Doubletree by Hilton"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#8e8e93]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Hell's Kitchen, New York City – Show on map"), /*#__PURE__*/ React.createElement("div", { className: "my-1 flex justify-between", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "Price"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "US$2,135")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, "Reviews"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#ffcc00] text-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, "⭐️"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }, "7.5"))), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007aff] text-white font-semibold py-2 px-6 rounded-lg", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Book"))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 w-full max-w-md mx-auto bg-white shadow-md py-3", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#007aff]", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home fa-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-gray-600", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart fa-lg", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-gray-600", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search fa-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-gray-600", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar fa-lg", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }))))); }