function MainComponent() { const [currentPage, setCurrentPage] = React.useState('main'); const [workspace, setWorkspace] = React.useState([]); const [searchHistory, setSearchHistory] = React.useState([]); const addSearchHistory = (searchTerm)=>{ setSearchHistory((prevHistory)=>[ ...prevHistory, searchTerm ]); }; const handleAddToWorkspace = (material)=>{ setWorkspace([ ...workspace, material ]); }; const renderMainPage = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap px-4 py-2", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { onClick: ()=>setCurrentPage('business-cases'), className: "cursor-pointer m-2 bg-[#e7e9eb] p-4 rounded w-full md:w-[calc(33.333%-1rem)] text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "Business Cases"), /*#__PURE__*/ React.createElement("a", { onClick: ()=>setCurrentPage('industry-analysis'), className: "cursor-pointer m-2 bg-[#e7e9eb] p-4 rounded w-full md:w-[calc(33.333%-1rem)] text-center", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Industry Analysis"), /*#__PURE__*/ React.createElement("a", { onClick: ()=>setCurrentPage('best-practices'), className: "cursor-pointer m-2 bg-[#e7e9eb] p-4 rounded w-full md:w-[calc(33.333%-1rem)] text-center", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, "Best Practices"), /*#__PURE__*/ React.createElement("a", { onClick: ()=>setCurrentPage('business-guides'), className: "cursor-pointer m-2 bg-[#e7e9eb] p-4 rounded w-full md:w-[calc(33.333%-1rem)] text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Business Guides"), /*#__PURE__*/ React.createElement("a", { onClick: ()=>setCurrentPage('business-books'), className: "cursor-pointer m-2 bg-[#e7e9eb] p-4 rounded w-full md:w-[calc(33.333%-1rem)] text-center", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Business Books"), /*#__PURE__*/ React.createElement("a", { onClick: ()=>setCurrentPage('benchmarks'), className: "cursor-pointer m-2 bg-[#e7e9eb] p-4 rounded w-full md:w-[calc(33.333%-1rem)] text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Benchmarks")); const renderCategoryPage = ()=>/*#__PURE__*/ React.createElement("div", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Sub-categories and filters will be displayed here alongside with search functionality."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleAddToWorkspace('Material Example'), className: "mt-2 bg-[#007bff] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "Add to Workspace")); const renderSearchHistory = ()=>/*#__PURE__*/ React.createElement("div", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#e7e9eb] p-4 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Search History"), searchHistory.map((search, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, search)))); const renderWorkspace = ()=>/*#__PURE__*/ React.createElement("div", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#e7e9eb] p-4 rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Your Workspace"), workspace.map((material, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, material)))); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:justify-between px-4 py-2 bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Knowledge Base"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "Search...", className: "border p-2 rounded w-full md:w-auto", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white px-4 py-2 rounded", onClick: ()=>addSearchHistory(document.querySelector('[name=search]').value), __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Search"))), currentPage === 'main' && renderMainPage(), currentPage !== 'main' && renderCategoryPage(), renderWorkspace(), renderSearchHistory()); }