function MainComponent() { const [formData, setFormData] = React.useState({ title: '', description: '', tags: '' }); const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(''); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prevData)=>({ ...prevData, [name]: value })); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const messages = [ { role: 'user', content: `${formData.title}\n${formData.description}\nTags: ${formData.tags}` } ]; try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const data = await res.json(); setResponse(data.choices[0].message.content); } catch (error) { console.error("Error:", error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mx-auto mt-6 p-4 bg-gray-100 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-crimson-text mb-4 text-center text-[#333333]", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "ChatGPT Prompt Creator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "title", className: "block text-sm font-roboto text-[#666666]", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Prompt Title"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", id: "title", className: "w-full mt-1 p-2 border border-gray-300 rounded-md", value: formData.title, onChange: handleInputChange, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "description", className: "block text-sm font-roboto text-[#666666]", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Prompt Description"), /*#__PURE__*/ React.createElement("textarea", { name: "description", id: "description", className: "w-full mt-1 p-2 border border-gray-300 rounded-md h-[100px]", value: formData.description, onChange: handleInputChange, __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "tags", className: "block text-sm font-roboto text-[#666666]", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Tags"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "tags", id: "tags", className: "w-full mt-1 p-2 border border-gray-300 rounded-md", value: formData.tags, onChange: handleInputChange, __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-roboto py-2 px-4 rounded-md", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, loading ? 'Loading...' : 'Create Prompt'))), response && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-white border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto text-[#333333]", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Response"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm font-roboto text-[#666666]", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, response))); }