function MainComponent() { const [activeView, setActiveView] = useState("dashboard"); const [editing, setEditing] = useState(false); const [content, setContent] = useState(""); const menuItems = [ { icon: "fa-house", label: "Dashboard", id: "dashboard" }, { icon: "fa-book", label: "Courses", id: "courses" }, { icon: "fa-calendar", label: "Calendar", id: "calendar" }, { icon: "fa-tasks", label: "Assignments", id: "assignments" } ]; const courses = [ { name: "Mathematics 101", progress: 65 }, { name: "History 201", progress: 45 }, { name: "Physics 301", progress: 80 } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-[#F7F6F3] font-inter", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-64 bg-white border-r border-gray-200 p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "EduSpace")), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("button", { key: item.id, onClick: ()=>setActiveView(item.id), className: `w-full text-left p-2 mb-2 rounded flex items-center ${activeView === item.id ? "bg-[#F1EEEA]" : "hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon} w-6`, __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, item.label))))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-8", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, courses.map((course)=>/*#__PURE__*/ React.createElement("div", { key: course.name, className: "bg-white p-4 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, course.name), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 rounded-full h-2", style: { width: `${course.progress}%` }, __source: { fileName: "", lineNumber: 51, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this }, course.progress, "% Complete"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Quick Notes"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditing(!editing), className: "text-blue-500 hover:text-blue-600", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${editing ? "fa-check" : "fa-pen"}`, __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }))), editing ? /*#__PURE__*/ React.createElement("textarea", { value: content, onChange: (e)=>setContent(e.target.value), className: "w-full h-40 p-2 border rounded", placeholder: "Type / to add blocks...", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "prose", onClick: ()=>setEditing(true), __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, content || "Click to add content..."))))); }