function MainComponent() { const questionsState = [ { name: "question1", text: "お客様に買ってもらっている理由は何だと思いますか？", score: "得点" }, { name: "question2", text: "お得意様はあなたの会社に何を期待されていると思いますか？", score: "得点" }, { name: "question3", text: "新入社員に気をつけてもらいたいことは何ですか？", score: "得点" }, { name: "question4", text: "結果とプロセス、どちらをより大切にされていますか？", score: "得点" } ]; const [questions, setQuestions] = React.useState(questionsState); const addQuestion = ()=>{ const newQuestion = { name: `question${questions.length + 1}`, text: "新しい質問を入力してください", score: "自己評価点を入力してください" }; setQuestions([ ...questions, newQuestion ]); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-row w-full h-screen font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[200px] bg-[#f8f9fa] p-4 flex flex-col space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "作る"), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#6c757d] text-white rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "見る"), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#28a745] text-white rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "戻る")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "アンケートにお答えください"), questions.map((q, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: q.name, className: "w-full p-2 border rounded mb-2", placeholder: q.text, __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: `${q.name}_score`, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "得点を選択"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("option", { value: "4", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "4"), /*#__PURE__*/ React.createElement("option", { value: "5", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "5")))), /*#__PURE__*/ React.createElement("button", { onClick: addQuestion, className: "p-2 w-full bg-[#17a2b8] text-white rounded mt-2", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "解答欄を増やす"), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#007bff] text-white rounded mt-2", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "回答を元にミッションを作成する"), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#007bff] text-white rounded mt-2", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "回答を元にビジョンを作成する"), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#007bff] text-white rounded mt-2", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "回答を元にバリューを作成する"), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#ffc107] text-white rounded mt-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "一時保存する")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 text-center", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "以下からお選びください"), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "生成AIが提案するミッションは以下の通りです"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc mb-4 space-y-4 text-center", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "アレンジする"), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "保存する")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 mt-2 bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "再生成してみる"))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "生成AIが提案するビジョンは以下の通りです"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc mb-4 space-y-4 text-center", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "アレンジする"), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "保存する")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 mt-2 bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "再生成してみる"))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "生成AIが提案するバリューは以下の通りです"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc mb-4 space-y-4 text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "アレンジする"), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "保存する")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 mt-2 bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "再生成してみる"))), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "保存する")))); }