function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(''); const handleSubmit = async (event)=>{ event.preventDefault(); setLoading(true); const formData = new FormData(event.target); const body = { messages: [ { "role": "user", "content": `Username: ${formData.get("username")}, Email: ${formData.get("email")}, Looking for: ${formData.get("lookingFor")}` } ], system_prompt: 'Register this user for the Fortnite booty-themed dating site' }; try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify(body), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); setResponse(data.choices[0].message.content); } catch (error) { setResponse('An error occurred, please try again.'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-pink-600 text-white flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-5", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-4xl font-crimson-text", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Booty ", /*#__PURE__*/ React.createElement("span", { className: "text-blue-400", __source: { fileName: "", lineNumber: 39, columnNumber: 68 }, __self: this }, "Fortnite"), " Gamers Love"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mt-2", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Find your partner in loot and love on the battlefield.")), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Join the Loot of Love 💘🔫"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Your perfect duo is waiting. Join today and find your match in the gaming world of Fortnite.")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "username", type: "text", placeholder: "Username", className: "p-2 bg-white text-black rounded shadow w-[250px]", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", placeholder: "Email", className: "p-2 bg-white text-black rounded shadow w-[250px]", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "lookingFor", className: "p-2 bg-white text-black rounded shadow w-[250px]", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Looking for..."), /*#__PURE__*/ React.createElement("option", { value: "adventurous", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Adventurous Player"), /*#__PURE__*/ React.createElement("option", { value: "strategist", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Strategist"), /*#__PURE__*/ React.createElement("option", { value: "casual", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Casual Fun")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded cursor-pointer", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, loading ? 'Searching...' : 'Find My Duo')), response && /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 58, columnNumber: 22 }, __self: this }, response)), /*#__PURE__*/ React.createElement("footer", { className: "py-5", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Craft your love story on the Fortnite island. © 2023 Booty Fortnite Gamers Love. All rights reserved."))); }