function MainComponent() { const [weather, setWeather] = React.useState(null); const rooms = [ { name: 'Casa', icon: 'fa fa-house' }, { name: 'Garagem', icon: 'fa fa-car' }, { name: 'Sala', icon: 'fa fa-couch' }, { name: 'Lavabo', icon: 'fa fa-sink' }, { name: 'Cozinha', icon: 'fa fa-utensils' }, { name: 'Despensa', icon: 'fa fa-apple-alt' }, { name: 'Churrasco', icon: 'fa fa-drumstick-bite' }, { name: 'Quarto1', icon: 'fa fa-female' }, { name: 'Quarto2', icon: 'fa fa-male' }, { name: 'Banheiro', icon: 'fa fa-shower' }, { name: 'Lavanderia', icon: 'fa fa-soap' }, { name: 'Corredor', icon: 'fa fa-door-open' }, { name: 'Quintal', icon: 'fa fa-tree' }, { name: 'Suíte', icon: 'fa fa-bed' }, { name: 'Closet', icon: 'fa fa-tshirt' }, { name: 'WC Suíte', icon: 'fa fa-bath' } ]; const fetchWeather = async ()=>{ try { const response = await fetch('/integrations/weather-by-city/weather/London', { method: 'GET' }); const data = await response.json(); setWeather({ forecast: [ data.current, data.current ].map((forecast)=>({ temp_c: forecast.temp_c, condition: forecast.condition.text, icon: `https:${forecast.condition.icon}`, date: new Date(forecast.last_updated_epoch * 1000).toDateString() })) }); } catch (error) { console.error(error); } }; React.useEffect(()=>{ fetchWeather(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-stretch bg-[#050A30] h-full text-white", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between w-full p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bars text-3xl", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Chácara Goncalves & Silva"), /*#__PURE__*/ React.createElement("div", { style: { width: '3rem' }, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{}, className: "flex flex-col items-center justify-center bg-[#1F2A55] rounded h-[90px] w-full p-3 my-5", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${rooms[0].icon} text-4xl mb-2`, __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, rooms[0].name)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 w-full px-4 mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, rooms.slice(1).map((room, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>{}, className: "flex flex-col items-center justify-center bg-[#1F2A55] rounded h-[90px] p-3", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${room.icon} text-3xl mb-2`, __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, room.name)))), weather && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 w-full p-4", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, weather.forecast.map((forecast, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center justify-center bg-[#1F2A55] rounded h-[112px] p-3", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: forecast.icon, alt: `Weather icon for ${forecast.condition}`, className: "w-12 h-12 mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, `${Math.round(forecast.temp_c)}°C`), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-roboto block", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, forecast.date)))))); }