function MainComponent() { const [isLoading, setIsLoading] = React.useState(false); const [response, setResponse] = React.useState(null); React.useEffect(()=>{ setIsLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "system", content: "Here’s the latest technical innovation update you requested." } ], system_prompt: 'Please summarize the latest technical innovations.', max_tokens: 200 }) }).then((res)=>res.json()).then((data)=>{ setResponse(data.result); setIsLoading(false); }).catch(()=>{ setIsLoading(false); setResponse('Failed to fetch updates.'); }); }, []); const fullName = "John Doe"; const description = "Full-stack developer specializing in modern JavaScript frameworks and passionate about open-source contributions."; const imageSize = "w-[150px] h-[150px] md:w-[200px] md:h-[200px]"; return /*#__PURE__*/ React.createElement("div", { className: "bg-indigo-600 w-full h-full p-4", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center md:flex-row-reverse md:items-start md:justify-between", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/profile-pic.jpg", alt: "John Doe's profile", className: `mb-4 rounded-full ${imageSize}`, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-white text-xl font-semibold text-right", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, fullName)), /*#__PURE__*/ React.createElement("div", { className: "text-white md:mr-8", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-light mb-4 text-right", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-3 mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com/JohnDoe", target: "_blank", rel: "noopener noreferrer", className: "text-white text-xl", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://github.com/JohnDoe", target: "_blank", rel: "noopener noreferrer", className: "text-white text-xl", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com/in/JohnDoe", target: "_blank", rel: "noopener noreferrer", className: "text-white text-xl", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }))), isLoading && /*#__PURE__*/ React.createElement("div", { className: "text-white font-light", __source: { fileName: "", lineNumber: 55, columnNumber: 25 }, __self: this }, "Loading..."), !isLoading && response && /*#__PURE__*/ React.createElement("p", { className: "text-white mt-4", __source: { fileName: "", lineNumber: 56, columnNumber: 38 }, __self: this }, response)))); }