function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(""); const fetchChatGPTResponse = async ()=>{ setLoading(true); try { const result = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { "role": "user", "content": "コーポレートサイトを作りたい。" } ], system_prompt: "Explain this content" }) }); const data = await result.json(); setResponse(data.choices[0].message.content); } catch (error) { setResponse("An error occurred while fetching the response."); } setLoading(false); }; React.useEffect(()=>{ fetchChatGPTResponse(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-white", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-6xl font-crimson-text", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "BRAIN TEAMS"), /*#__PURE__*/ React.createElement("section", { className: "mt-10 p-8 text-center w-full max-w-[800px]", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-roboto mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Welcome to Brain Teams"), loading ? /*#__PURE__*/ React.createElement("p", { className: "text-xl font-light", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("p", { className: "text-xl font-light", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, response)), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-[800px] mt-10", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[800px] mx-auto p-6 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "お問い合わせ"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-left font-roboto mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "名前:"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-4 py-2 border rounded", id: "name", name: "name", type: "text", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-left font-roboto mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "メールアドレス:"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-4 py-2 border rounded", id: "email", name: "email", type: "email", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-left font-roboto mb-2", htmlFor: "message", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "メッセージ:"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full px-4 py-2 border rounded", id: "message", name: "message", rows: "4", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded", type: "submit", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "送信"))), /*#__PURE__*/ React.createElement("footer", { className: "mt-auto py-4 bg-gray-800 w-full text-center text-gray-100", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-light", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "© 2023 Brain Teams - All Rights Reserved."))); }