function MainComponent() { const meetings = [ { name: "Investor Meeting", time: 30 }, { name: "Board Meeting", time: 10 }, { name: "Monthly Team Meeting", time: 40 } ]; const continueReadingMeetings = [ "Investor Meeting", "Board Meeting", "Monthly Team Meeting" ]; return /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[250px] bg-black text-white h-auto min-h-screen", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/company-logo.jpg", alt: "Company Logo", className: "w-[200px] h-auto mx-auto", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "mt-10", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-3", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }), "My Memberships"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center p-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-3", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }), "My Meetings"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line mr-3", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), "Analytics"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt mr-3", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }), "Document Library"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment-dots mr-3", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }), "Messenger"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-3", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }), "Settings")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-gray-100 p-6 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Welcome to Your Dashboard")), /*#__PURE__*/ React.createElement("section", { className: "mb-6 grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-md flex items-center", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-plus text-3xl text-blue-500 mr-4", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Upcoming Meetings"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, meetings.length))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-md flex items-center", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-friends text-3xl text-green-500 mr-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Total Meeting Memberships"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "4"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-md flex items-center", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-pie text-3xl text-purple-500 mr-4", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Meeting Analytics"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "Overview")))), /*#__PURE__*/ React.createElement("section", { className: "bg-white p-4 rounded-md shadow-md mb-6 w-full md:w-[600px] mx-auto", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Total Meeting Hours"), /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px] w-full", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-full h-full border-l border-b border-gray-400 grid grid-rows-5", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, Array.from({ length: 5 }).map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "border-t border-gray-200", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("svg", { className: "absolute w-full h-full", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("polyline", { fill: "none", stroke: "#4285F4", strokeWidth: "3", points: "0,170 200,130 400,90", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "absolute -left-10 bottom-0", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "0h"), /*#__PURE__*/ React.createElement("span", { className: "absolute -left-10 bottom-[30px]", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "20h"), /*#__PURE__*/ React.createElement("span", { className: "absolute -left-10 bottom-[60px]", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "40h"), /*#__PURE__*/ React.createElement("span", { className: "absolute -left-10 bottom-[90px]", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "60h"), /*#__PURE__*/ React.createElement("span", { className: "absolute -left-10 bottom-[120px]", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "80h"), /*#__PURE__*/ React.createElement("span", { className: "absolute -left-10 bottom-[150px]", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "100h"), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full grid grid-cols-3 gap-4 mt-4", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Investor Meeting"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "Board Meeting"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, "Monthly Team Meeting")))), /*#__PURE__*/ React.createElement("section", { className: "bg-white p-4 rounded-md shadow-md mb-6", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "Continue Reading"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, continueReadingMeetings.slice(0, 3).map((meeting, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "py-2 border-b border-gray-300", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, meeting, " - Continue Reading")))))); }