function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#0D0D2B] min-h-screen text-white font-roboto overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-5 bg-[#11123B]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "logo-placeholder.png", alt: "Company Logo", className: "w-8 h-8", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "search", placeholder: "Search Everything...", className: "bg-[#1E1E41] h-10 px-4 rounded-full placeholder:text-gray-400 text-sm w-full", name: "search", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-5", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell text-gray-400 text-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "user-profile-placeholder.png", alt: "User Profile", className: "w-10 h-10 rounded-full", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-64 bg-[#11123B] p-5", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold mb-10", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Grandy"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home text-blue-500 mr-2", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }), "Dashboard"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-boxes mr-2", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }), "Products"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-file-alt mr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }), "Order"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chart-line mr-2", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }), "Sales Reports"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chart-pie mr-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }), "Analytics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-users mr-2", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }), "Customers"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cog mr-2", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }), "Settings")), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-5", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-question-circle mr-2", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }), "Get Help"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope mr-2", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }), "Inbox"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-power-off text-red-500 mr-2", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }), "Log Out")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-5", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-5 mb-5", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] p-6 rounded-xl text-center", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-dollar-sign text-lg text-blue-500 mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "$125962"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "Total Sales")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] p-6 rounded-xl text-center", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-credit-card text-lg text-blue-500 mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "$59602"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Total Expenses")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] p-6 rounded-xl text-center", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-users text-lg text-blue-500 mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "$92562"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Total Visitor")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] p-6 rounded-xl text-center", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-shopping-cart text-lg text-blue-500 mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "$35962"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Total Orders"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-5 mb-5", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] p-6 rounded-xl col-span-2 flex justify-between", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-xl mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "Sales Analytics"), /*#__PURE__*/ React.createElement("img", { src: "sales-analytics-chart-placeholder.png", alt: "Sales analytics chart", className: "h-44 lg:h-56", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/3 flex-shrink-0", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-32 h-32 bg-[#FFD60A] rounded-full text-white text-center pt-[6%] mx-auto", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "75%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, "Income")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] rounded-xl p-5", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, "Sales by Country"), /*#__PURE__*/ React.createElement("img", { src: "world-map-placeholder.png", alt: "World sales map", className: "h-28 mb-3", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-xs", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 84, columnNumber: 21 }, __self: this }, "Start Sale"), " ", /*#__PURE__*/ React.createElement("span", { className: "text-blue-500", __source: { fileName: "", lineNumber: 84, columnNumber: 45 }, __self: this }, "...")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-xs", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, "Total Sales"), " ", /*#__PURE__*/ React.createElement("span", { className: "text-blue-500", __source: { fileName: "", lineNumber: 87, columnNumber: 46 }, __self: this }, "...")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-xs", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 90, columnNumber: 21 }, __self: this }, "Total Orders"), " ", /*#__PURE__*/ React.createElement("span", { className: "text-blue-500", __source: { fileName: "", lineNumber: 90, columnNumber: 47 }, __self: this }, "...")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] rounded-xl p-5 mt-5", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, "Upcoming Products"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex justify-between text-xs", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 99, columnNumber: 21 }, __self: this }, "29 Apr 2022 Body Cream and Body Oil"), /*#__PURE__*/ React.createElement("span", { className: "text-[#FF9F0A]", __source: { fileName: "", lineNumber: 100, columnNumber: 21 }, __self: this }, "Healthy Products")), /*#__PURE__*/ React.createElement("li", { className: "flex justify-between text-xs", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 103, columnNumber: 21 }, __self: this }, "29 Apr 2022 Bulb Great Light For House"), /*#__PURE__*/ React.createElement("span", { className: "text-[#FF9F0A]", __source: { fileName: "", lineNumber: 104, columnNumber: 21 }, __self: this }, "Electric Products")), /*#__PURE__*/ React.createElement("li", { className: "flex justify-between text-xs", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 107, columnNumber: 21 }, __self: this }, "29 Apr 2022 Herbal medicine For body"), /*#__PURE__*/ React.createElement("span", { className: "text-[#FF9F0A]", __source: { fileName: "", lineNumber: 108, columnNumber: 21 }, __self: this }, "Healthy Products")))))), /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] p-6 rounded-xl", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 text-xl", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, "Recent Order"), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "text-xs font-semibold text-left text-gray-400 uppercase bg-[#11123B]", __source: { fileName: "", lineNumber: 121, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-3 px-2", __source: { fileName: "", lineNumber: 122, columnNumber: 23 }, __self: this }, "Photo"), /*#__PURE__*/ React.createElement("th", { className: "py-3 px-2", __source: { fileName: "", lineNumber: 123, columnNumber: 23 }, __self: this }, "ID"), /*#__PURE__*/ React.createElement("th", { className: "py-3 px-2", __source: { fileName: "", lineNumber: 124, columnNumber: 23 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "py-3 px-2", __source: { fileName: "", lineNumber: 125, columnNumber: 23 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { className: "py-3 px-2", __source: { fileName: "", lineNumber: 126, columnNumber: 23 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("th", { className: "py-3 px-2", __source: { fileName: "", lineNumber: 127, columnNumber: 23 }, __self: this }, "Price"), /*#__PURE__*/ React.createElement("th", { className: "py-3 px-2", __source: { fileName: "", lineNumber: 128, columnNumber: 23 }, __self: this }, "Progress"))), /*#__PURE__*/ React.createElement("tbody", { className: "text-sm font-normal divide-y divide-gray-700", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 132, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 133, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "profile-placeholder.png", alt: "Profile Pic", className: "w-6 h-6 rounded-full", __source: { fileName: "", lineNumber: 134, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 136, columnNumber: 23 }, __self: this }, "#15231"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 137, columnNumber: 23 }, __self: this }, "Jhon Smit"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }, "29 Apr, 22"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 139, columnNumber: 23 }, __self: this }, "Ohio,US"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 140, columnNumber: 23 }, __self: this }, "$3065.00"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 141, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-[#34C759] text-xs font-semibold px-3 py-1 rounded-full text-white", __source: { fileName: "", lineNumber: 142, columnNumber: 25 }, __self: this }, "Complete"))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E41] p-6 rounded-xl", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this })))))); }