function MainComponent() { const listing = { title: "Half Moon Bay, California", rating: "4.97", description: "Beach and ocean views", dateRange: "Jun 1 – 6", price: "$309 night", imageAlt: "Scenic view of the ocean shoreline at Half Moon Bay, California, with deck and chairs", isFavorite: true }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white flex justify-center items-center min-h-screen", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded-lg overflow-hidden shadow-lg bg-white m-4 relative", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full", src: "path-to-image.jpg", alt: listing.imageAlt, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), listing.isFavorite && /*#__PURE__*/ React.createElement("span", { className: "absolute top-4 right-4 text-2xl text-red-500", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "♥"), /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-4 bg-white px-2 py-1 rounded-full text-sm shadow-sm", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Guest favorite"), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg mb-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, listing.title), /*#__PURE__*/ React.createElement("span", { className: "text-black", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, listing.rating, " ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-500", __source: { fileName: "", lineNumber: 25, columnNumber: 59 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-[#121212] text-sm", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, listing.description), /*#__PURE__*/ React.createElement("p", { className: "text-[#121212] text-sm", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, listing.dateRange), /*#__PURE__*/ React.createElement("p", { className: "text-[#121212] text-sm font-semibold mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, listing.price)))); }