function MainComponent() { const [currentTimes, setCurrentTimes] = React.useState({ japan: '', europe: { london: '', berlin: '', paris: '' }, usa: { newYork: '', chicago: '', losAngeles: '' } }); React.useEffect(()=>{ const updateTimes = ()=>{ const japanTime = new Date().toLocaleString("ja-JP", { timeZone: "Asia/Tokyo", hour: '2-digit', minute: '2-digit' }); const londonTime = new Date().toLocaleString("en-GB", { timeZone: "Europe/London", hour: '2-digit', minute: '2-digit' }); const berlinTime = new Date().toLocaleString("de-DE", { timeZone: "Europe/Berlin", hour: '2-digit', minute: '2-digit' }); const parisTime = new Date().toLocaleString("fr-FR", { timeZone: "Europe/Paris", hour: '2-digit', minute: '2-digit' }); const newYorkTime = new Date().toLocaleString("en-US", { timeZone: "America/New_York", hour: '2-digit', minute: '2-digit' }); const chicagoTime = new Date().toLocaleString("en-US", { timeZone: "America/Chicago", hour: '2-digit', minute: '2-digit' }); const losAngelesTime = new Date().toLocaleString("en-US", { timeZone: "America/Los_Angeles", hour: '2-digit', minute: '2-digit' }); setCurrentTimes({ japan: japanTime, europe: { london: londonTime, berlin: berlinTime, paris: parisTime }, usa: { newYork: newYorkTime, chicago: chicagoTime, losAngeles: losAngelesTime } }); }; updateTimes(); const interval = setInterval(updateTimes, 60000); return ()=>clearInterval(interval); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0] font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, "世界の時間"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 w-full px-4 md:px-0", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "日本時間"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, currentTimes.japan)), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "欧州各地の時間"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "ロンドン: ", currentTimes.europe.london), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "ベルリン: ", currentTimes.europe.berlin), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "パリ: ", currentTimes.europe.paris)), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "米国各州の時間"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "ニューヨーク: ", currentTimes.usa.newYork), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "シカゴ: ", currentTimes.usa.chicago), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "ロサンゼルス: ", currentTimes.usa.losAngeles)))); }