function MainComponent() { const [isLoading, setIsLoading] = React.useState(false); const [headerContent, setHeaderContent] = React.useState(''); const [sidebarOpen, setSidebarOpen] = React.useState(false); const handleGPTSubmit = async ()=>{ setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [], system_prompt: 'Create a dark green header', max_tokens: 2000 }) }); const data = await response.json(); if (data.status) { setHeaderContent(data.result); } else { setHeaderContent('Error: Failed to fetch response'); } } catch (error) { setHeaderContent(`Error: ${error.message}`); } finally{ setIsLoading(false); } }; React.useEffect(()=>{ handleGPTSubmit(); }, []); const toggleSidebar = ()=>{ setSidebarOpen(!sidebarOpen); }; return /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `bg-white fixed inset-y-0 left-0 transform ${sidebarOpen ? 'translate-x-0' : '-translate-x-full'} transition-transform duration-300 ease-in-out flex flex-col w-[70px] justify-between`, style: { zIndex: 1000 }, __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-between flex-1", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center py-2", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home text-xl", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-sans", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Dashboard")), /*#__PURE__*/ React.createElement("div", { className: "text-center py-2", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-calendar text-xl", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-sans", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Agenda")), /*#__PURE__*/ React.createElement("div", { className: "text-center py-2", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell text-xl", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-sans", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Notifications")), /*#__PURE__*/ React.createElement("div", { className: "text-center py-2", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-forward text-xl", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-sans", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Anticipation")))), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#006400] w-full p-4 flex justify-between items-center fixed top-0 left-0 right-0", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#006400] font-bold font-sans", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Placeholder"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-bold font-sans text-2xl", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "QQ"), /*#__PURE__*/ React.createElement("button", { className: "ml-2 text-white text-3xl", onClick: toggleSidebar, __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "☰")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, ` body { margin-top: 64px; } `)); }