function MainComponent() { const [weatherData, setWeatherData] = React.useState(null); const fetchData = ()=>{ fetch('/integrations/weather-by-city/weather/Tokyo').then((response)=>response.json()).then((data)=>{ setWeatherData(data); }); }; React.useEffect(()=>{ fetchData(); }, []); const reloadButton = /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-white bg-blue-500 hover:bg-blue-600 font-roboto rounded", onClick: fetchData, __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, "情報を再読み込み"); return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col items-center justify-center p-4 bg-[url('/images/cafe-background.jpg')] bg-cover", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-8 rounded-lg shadow-lg space-y-6", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, weatherData ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto text-[#242424]", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, `${weatherData.location.name}の天気情報 🌞`), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, `地域: ${weatherData.location.name}`, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }), `現在の日付: ${weatherData.location.localtime}`, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }), `天気: ${weatherData.current.condition.text}`, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }), `現在の気温: ${weatherData.current.temp_c}°C`, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }), `最高気温: ${Math.abs(weatherData.current.temp_c + 5)}°C`, " ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }), `最低気温: ${Math.abs(weatherData.current.temp_c - 5)}°C`, " ")) : /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-[#565656]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "天気情報を読み込んでいます..."), reloadButton))); }