function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "d-flex", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "d-none d-md-block bg-dark text-white sidebar", id: "sidebar", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sidebar-sticky", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "nav flex-column", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link active", href: "#", __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tachometer-alt", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }), "Dashboard")), /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link", href: "#", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }), "Sales")), /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link", href: "#", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }), "Customers")), /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link", href: "#", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-invoice", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }), "Reports"))))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow-1 d-flex flex-column", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "navbar navbar-dark bg-primary fixed-top", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "navbar-brand", href: "#", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Sales Management"), /*#__PURE__*/ React.createElement("button", { className: "navbar-toggler d-md-none", type: "button", "data-bs-toggle": "offcanvas", "data-bs-target": "#sidebar", "aria-controls": "sidebar", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "navbar-toggler-icon", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow-1 mt-5 pt-3 px-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Dashboard"))), /*#__PURE__*/ React.createElement("div", { className: "offcanvas offcanvas-start bg-dark text-white", tabIndex: "-1", id: "sidebar", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "offcanvas-header", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "offcanvas-title", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("button", { type: "button", className: "btn-close text-reset", "data-bs-dismiss": "offcanvas", "aria-label": "Close", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "offcanvas-body", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "nav flex-column", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link active", href: "#", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tachometer-alt", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }), "Dashboard")), /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link", href: "#", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }), "Sales")), /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link", href: "#", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }), "Customers")), /*#__PURE__*/ React.createElement("li", { className: "nav-item", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "nav-link", href: "#", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-invoice", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }), "Reports")))))); }