function MainComponent() { const [feedback, setFeedback] = React.useState({ satisfaction: '', recommend: '', comments: '' }); const handleChange = (e)=>{ const { name, value } = e.target; setFeedback((prevFeedback)=>({ ...prevFeedback, [name]: value })); }; const handleSubmit = (e)=>{ e.preventDefault(); alert(JSON.stringify(feedback, null, 2)); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#f0f2f5] flex justify-center items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[600px] bg-white p-6 rounded-lg shadow-lg", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold font-roboto mb-6 text-center", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "アンケートフォーム"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "satisfaction", className: "font-roboto text-lg mb-2 block", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "満足度:"), /*#__PURE__*/ React.createElement("select", { name: "satisfaction", id: "satisfaction", className: "w-full p-3 font-roboto text-lg border-2 border-[#007bff] rounded-lg", value: feedback.satisfaction, onChange: handleChange, __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "very_satisfied", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "非常に満足"), /*#__PURE__*/ React.createElement("option", { value: "satisfied", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "満足"), /*#__PURE__*/ React.createElement("option", { value: "neutral", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "普通"), /*#__PURE__*/ React.createElement("option", { value: "unsatisfied", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "不満"), /*#__PURE__*/ React.createElement("option", { value: "very_unsatisfied", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "非常に不満"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "recommend", className: "font-roboto text-lg mb-2 block", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "お勧め度:"), /*#__PURE__*/ React.createElement("select", { name: "recommend", id: "recommend", className: "w-full p-3 font-roboto text-lg border-2 border-[#007bff] rounded-lg", value: feedback.recommend, onChange: handleChange, __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "definitely", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "絶対にお勧めする"), /*#__PURE__*/ React.createElement("option", { value: "probably", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "お勧めする"), /*#__PURE__*/ React.createElement("option", { value: "not_sure", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "どちらとも言えない"), /*#__PURE__*/ React.createElement("option", { value: "probably_not", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "お勧めしない"), /*#__PURE__*/ React.createElement("option", { value: "definitely_not", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "絶対にお勧めしない"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "comments", className: "font-roboto text-lg mb-2 block", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "追加コメント:"), /*#__PURE__*/ React.createElement("textarea", { name: "comments", id: "comments", className: "w-full p-3 font-roboto text-lg border-2 border-[#007bff] rounded-lg", rows: "4", value: feedback.comments, onChange: handleChange, __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-[#007bff] text-white rounded-lg font-roboto hover:bg-[#0056b3] transition-colors", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "送信"))); }