function MainComponent() { const [exerciseType, setExerciseType] = React.useState(''); const [currentTime, setCurrentTime] = React.useState(new Date()); React.useEffect(()=>{ const timer = setInterval(()=>setCurrentTime(new Date()), 1000); return ()=>clearInterval(timer); }, []); let imageSrc = ''; switch(exerciseType){ case 'pushups': imageSrc = './pushups.png'; break; case 'squats': imageSrc = './squats.png'; break; case 'planks': imageSrc = './planks.png'; break; case 'dumbbellCurl': imageSrc = './dumbbell_curl.png'; break; default: imageSrc = ''; } const greeting = currentTime.getHours() >= 18 ? "こんばんわ" : ""; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[url('./mountains.jpg')] bg-cover", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-2 text-white", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "筋トレ記録アプリ"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-white mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, currentTime.toLocaleTimeString(), " ", greeting), imageSrc && /*#__PURE__*/ React.createElement("img", { src: imageSrc, alt: exerciseType + " exercise illustration", className: "w-[150px] h-[150px] mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 20 }, __self: this }), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", className: "p-2 rounded-full border border-gray-300", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "exerciseType", className: "p-2 rounded-full border border-gray-300", value: exerciseType, onChange: (e)=>setExerciseType(e.target.value), __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "トレーニング種目を選択"), /*#__PURE__*/ React.createElement("option", { value: "pushups", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "プッシュアップ"), /*#__PURE__*/ React.createElement("option", { value: "squats", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "スクワット"), /*#__PURE__*/ React.createElement("option", { value: "planks", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "プランク"), /*#__PURE__*/ React.createElement("option", { value: "dumbbellCurl", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "ダンベルカール")), /*#__PURE__*/ React.createElement("input", { type: "number", name: "reps", placeholder: "回数", className: "p-2 rounded-full border border-gray-300", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "note", placeholder: "メモ（任意）", className: "p-2 rounded-full border border-gray-300", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 bg-[#4CAF50] text-white font-bold py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "記録する"))); }