function MainComponent() { const defaultModels = { GPT4: '', Gemini: '', Claude3: '', Groq: '' }; const [responses, setResponses] = React.useState(defaultModels); const handleInputChange = (event)=>{ setResponses((prev)=>({ ...prev, [event.target.name]: event.target.value })); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F4F8]", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl p-8 space-y-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "モデルの名前を入力してください"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, Object.keys(defaultModels).map((model)=>/*#__PURE__*/ React.createElement("label", { key: model, htmlFor: model, className: "block", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, model, ":"), /*#__PURE__*/ React.createElement("input", { type: "text", name: model, id: model, className: "block w-full px-4 py-2 mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500", placeholder: `例: ${model}の名前`, value: responses[model], onChange: handleInputChange, __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 text-sm font-medium text-white bg-[#6366F1] rounded-md hover:bg-[#4F46E5] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "提出"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, Object.entries(responses).map(([model, name])=>/*#__PURE__*/ React.createElement("p", { key: model, className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, model, "の名前: ", /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 45, columnNumber: 72 }, __self: this }, name)))))); }