function MainComponent() { const [selectedHabits, setSelectedHabits] = React.useState({}); const [selectedRecords, setSelectedRecords] = React.useState({}); const toggleHabit = (habit)=>{ setSelectedHabits((prev)=>({ ...prev, [habit]: !prev[habit] })); }; const toggleRecord = (record)=>{ setSelectedRecords((prev)=>({ ...prev, [record]: !prev[record] })); }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "東洋医学体質診断アプリ"), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "体質診断"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "symptom1", className: "mr-2", __source: { fileName: "", lineNumber: 21, columnNumber: 37 }, __self: this }), "症状1"), /*#__PURE__*/ React.createElement("label", { className: "mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "symptom2", className: "mr-2", __source: { fileName: "", lineNumber: 22, columnNumber: 37 }, __self: this }), "症状2"), /*#__PURE__*/ React.createElement("label", { className: "mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "symptom3", className: "mr-2", __source: { fileName: "", lineNumber: 23, columnNumber: 37 }, __self: this }), "症状3")))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "習慣提案"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, [ '習慣1', '習慣2', '習慣3' ].map((habit)=>/*#__PURE__*/ React.createElement("button", { key: habit, style: { backgroundColor: selectedHabits[habit] ? 'green' : 'blue' }, className: "text-white px-4 py-2 m-2 rounded-full", onClick: true, __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }))))); }