function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex bg-[#f7f8fa] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[230px] bg-[#ffffff] flex flex-col", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Note Widget"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4c6ef5] text-white py-2 rounded mb-6", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Add New Note"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "my-2 text-[#4c6ef5] font-semibold", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "Task"), /*#__PURE__*/ React.createElement("li", { className: "my-2", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "Notes"), /*#__PURE__*/ React.createElement("li", { className: "my-2", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Reminder"), /*#__PURE__*/ React.createElement("li", { className: "my-2", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Events"))), /*#__PURE__*/ React.createElement("nav", { className: "mt-auto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "my-2 text-[#6c757d]", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Settings"), /*#__PURE__*/ React.createElement("li", { className: "my-2 text-[#6c757d]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Categories"))))), /*#__PURE__*/ React.createElement("main", { className: "w-full flex", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[350px] bg-[#ffffff] p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 bg-[#f1f3f5] rounded mb-4", type: "search", placeholder: "Search", name: "search", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "p-3 mb-4 bg-[#f1f3f5] rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Pending Comments"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d]", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Check pending comments and then approve within 24 hours.")), /*#__PURE__*/ React.createElement("li", { className: "p-3 mb-4 bg-[#f1f3f5] rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "My technical writing student"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d]", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "A student requires help with understanding plagiarism rules.")), /*#__PURE__*/ React.createElement("li", { className: "p-3 mb-4 bg-[#f1f3f5] rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Location reservation"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d]", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Reserve a room for the next team meeting.")), /*#__PURE__*/ React.createElement("li", { className: "p-3 mb-4 bg-[#f1f3f5] rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "Student session"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d]", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Attend the student-led session on productivity.")), /*#__PURE__*/ React.createElement("li", { className: "p-3 mb-4 bg-[#f1f3f5] rounded", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "Margo Birthday"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d]", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "Book a place for a parent and friend location shop.")))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow bg-[#ffffff] p-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "My technical writing for students"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d] mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "A good article, and other of the college-aged student experience have taught me ..."), /*#__PURE__*/ React.createElement("a", { className: "text-[#4c6ef5] font-semibold cursor-pointer", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Add Comments"))), /*#__PURE__*/ React.createElement("header", { className: "w-full py-4 px-6 bg-[#ffffff] flex justify-between items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-lg text-[#6c757d]", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search", __source: { fileName: "", lineNumber: 58, columnNumber: 54 }, __self: this })), /*#__PURE__*/ React.createElement("input", { className: "ml-2 p-2 rounded bg-[#f1f3f5]", type: "search", placeholder: "Search", name: "header-search", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#6c757d] mx-2", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell", __source: { fileName: "", lineNumber: 62, columnNumber: 51 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-[#6c757d] mx-2", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-sign-out", __source: { fileName: "", lineNumber: 63, columnNumber: 51 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#6c757d] font-semibold ml-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Peter Parker")))); }