function MainComponent() { const [userInput, setUserInput] = React.useState(''); const [chatGptResponse, setChatGptResponse] = React.useState(''); const [googleGeminiResponse, setGoogleGeminiResponse] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const messages = [ { "role": "user", "content": userInput } ]; const chatGptResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }).then((res)=>res.json()); const googleGeminiResponse = await fetch('/integrations/google-gemini/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }).then((res)=>res.json()); setChatGptResponse(chatGptResponse.choices[0].message.content); setGoogleGeminiResponse(googleGeminiResponse.choices[0].message.content); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#4CAF50] text-[#FFFFFF] p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "AIモデル比較ツール"), /*#__PURE__*/ React.createElement("nav", { className: "space-x-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "使い方"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "FAQ"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "問い合わせ")))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "userInput", value: userInput, onChange: (e)=>setUserInput(e.target.value), placeholder: "ここに質問やプロンプトを入力してください", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#4CAF50] text-[#FFFFFF] py-2 px-4 rounded", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, loading ? '読み込み中...' : '比較する'))), /*#__PURE__*/ React.createElement("section", { className: "flex space-x-4 bg-[#f9f9f9] p-3 border border-gray-200", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 p-3", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "ChatGPT"), /*#__PURE__*/ React.createElement("div", { className: "p-3 border border-[#ddd] rounded min-h-[100px]", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, chatGptResponse)), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 p-3", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Google Gemini"), /*#__PURE__*/ React.createElement("div", { className: "p-3 border border-[#ddd] rounded min-h-[100px]", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, googleGeminiResponse)))), /*#__PURE__*/ React.createElement("footer", { className: "p-4 bg-gray-100 text-sm text-gray-700", __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "利用規約"), " | ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 83, columnNumber: 64 }, __self: this }, "プライバシーポリシー")), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 86, columnNumber: 53 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook", __source: { fileName: "", lineNumber: 87, columnNumber: 53 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 88, columnNumber: 53 }, __self: this })))))); }