function MainComponent({ overallCondition, fatigueLevel, headacheLevel, onClickFatigue, onClickHeadache }) { const handleAddComment = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center pt-10", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center absolute right-2 top-2", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#F5F5F5]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "愛知県知立市のA方作業所こもれびについての説明文")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-2 w-8 h-8 bg-[url('image_icon.svg')] bg-blend-darken bg-cover rounded-full", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mr-2 w-8 h-8 bg-[url('forest_icon.svg')] bg-blend-darken bg-cover rounded-full", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl text-[#F5F5F5] mb-10", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "こもさぽ")), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "overallCondition", className: "block font-roboto text-sm text-[#F5F5F5]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "総合的体調 (1-100)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "overallCondition", id: "overallCondition", className: "mt-1 block w-full pl-3 pr-10 py-2 rounded-md shadow-sm font-roboto text-sm border border-gray-300", value: overallCondition, readOnly: true, __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm text-[#F5F5F5]", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "疲労度"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((level)=>/*#__PURE__*/ React.createElement("button", { key: level, name: "fatigueLevel", type: "button", onClick: ()=>onClickFatigue(level), className: `py-2 px-4 font-roboto text-sm rounded-md ${level === fatigueLevel ? 'bg-blue-500 text-white' : 'bg-gray-200 text-black'}`, __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, level)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm text-[#F5F5F5]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "頭痛"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((level)=>/*#__PURE__*/ React.createElement("button", { key: level, name: "headacheLevel", type: "button", onClick: ()=>onClickHeadache(level), className: `py-2 px-4 font-roboto text-sm rounded-md ${level === headacheLevel ? 'bg-blue-500 text-white' : 'bg-gray-200 text-black'}`, __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, level)))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#121212]", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { overallCondition: "80", fatigueLevel: 2, headacheLevel: 1, onClickFatigue: (level)=>console.log(`Fatigue Level Clicked: ${level}`), onClickHeadache: (level)=>console.log(`Headache Level Clicked: ${level}`), __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this })); }