function MainComponent() { const [isBrowsingMode, setIsBrowsingMode] = React.useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] text-white flex flex-col", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 border-b border-gray-800", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-xs font-roboto bg-gray-700 px-3 py-1 rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { className: "text-xs font-roboto bg-gray-700 px-3 py-1 rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Register"))), /*#__PURE__*/ React.createElement("aside", { className: "fixed top-0 left-0 h-full w-16 bg-gray-800 flex flex-col items-center justify-between py-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home text-white text-2xl", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bolt text-white text-2xl", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cog text-white text-2xl", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-sign-out-alt text-white text-2xl", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-4 fixed bottom-0", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsBrowsingMode(!isBrowsingMode), className: "w-10 h-10 flex items-center justify-center rounded-full bg-gray-800", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isBrowsingMode ? 'fa-toggle-on' : 'fa-toggle-off'} fa-lg`, __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-roboto text-gray-500", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Web Browsing Mode"), /*#__PURE__*/ React.createElement("button", { className: "flex items-center rounded-full bg-gray-800 px-2 py-1", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-code text-xs", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-roboto ml-1", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Insert Code"))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-full flex items-center justify-between p-1", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-xs rounded-full w-8 h-8 flex items-center justify-center bg-gray-700", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-xs rounded-full w-8 h-8 flex items-center justify-center bg-gray-700", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-at", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", className: "flex-grow bg-transparent text-xs font-roboto py-1 px-1 outline-none placeholder-gray-400", placeholder: isBrowsingMode ? "DuckDuckGo Search" : "Ask Any Question...", name: isBrowsingMode ? "searchQuery" : "userQuestion", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "rounded-full w-8 h-8 flex items-center justify-center bg-gray-700", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right text-lg", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this })))))); }