function MainComponent() { const [loading, setLoading] = React.useState(false); const [notification, setNotification] = React.useState(''); const handleSubmit = async (e)=>{ e.preventDefault(); const { taskName, taskDescription, taskDeadline } = e.target.elements; setLoading(true); const body = { messages: [ { "role": "system", "content": "Generate a notification for a task" }, { "role": "user", "content": `Task Name: ${taskName.value}` }, { "role": "user", "content": `Task Description: ${taskDescription.value}` }, { "role": "user", "content": `Task Deadline: ${taskDeadline.value}` } ], system_prompt: 'Generate a task notification' }; try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) }); const data = await response.json(); setNotification(data.choices[0].message.content); } catch (error) { console.error(error.message); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Task Notification Generator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "taskName", className: "block mb-2 font-roboto text-[#333]", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Task Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskName", className: "w-full p-3 border border-[#ddd] rounded-md", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "taskDescription", className: "block mb-2 font-roboto text-[#333]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Task Description"), /*#__PURE__*/ React.createElement("textarea", { name: "taskDescription", rows: "3", className: "w-full p-3 border border-[#ddd] rounded-md", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "taskDeadline", className: "block mb-2 font-roboto text-[#333]", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Deadline"), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", name: "taskDeadline", className: "w-full p-3 border border-[#ddd] rounded-md", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-[#007bff] text-white rounded-md font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, loading ? 'Generating...' : 'Generate Notification'))), notification && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#f0f2f5] rounded-md", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#333]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, notification)))); }