function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen lg:flex-row flex-col", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "hidden lg:block w-64 bg-white min-h-screen p-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-lg mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Bank Dashboard"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#account", className: "flex items-center p-2 text-base font-normal text-gray-900 rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-gray-400 text-lg mr-2", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }), "Account")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#alerts", className: "flex items-center p-2 text-base font-normal text-gray-900 rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-gray-400 text-lg mr-2", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }), "Alerts")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#stats", className: "flex items-center p-2 text-base font-normal text-gray-900 rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-gray-400 text-lg mr-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }), "Stats")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#transactions", className: "flex items-center p-2 text-base font-normal text-gray-900 rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt text-gray-400 text-lg mr-2", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }), "Transactions"))))), /*#__PURE__*/ React.createElement("main", { className: "flex-1", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F8FD] min-h-screen p-5 overflow-auto", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-5 bg-white mb-5 rounded shadow", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-xl", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Account Info"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "alerts", className: "mb-5", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg mb-3", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Alerts"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 p-4 rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Alert 1"), /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-100 p-4 rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Alert 2"), /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 p-4 rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Alert 3"))), /*#__PURE__*/ React.createElement("section", { id: "stats", className: "mb-5", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg mb-3", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Summary Stats"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5 mb-5", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "Account Growth"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "Spending Over Time"))), /*#__PURE__*/ React.createElement("section", { id: "transactions", className: "mb-5", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg mb-3", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Transactions"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-3 rounded shadow mx-3", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Transaction Data"))))); }