function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center font-crimson-text p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#6f4cff] text-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Total Balance"), /*#__PURE__*/ React.createElement("p", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Ksh 6917.44")), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#6f4cff] text-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Currency"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/kenya-flag.png", alt: "Kenyan flag", className: "w-[40px] h-[25px]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "ml-2", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Kenya")))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around w-full mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center border rounded-md border-red-500 p-2", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl text-[#6f4cff]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down", __source: { fileName: "", lineNumber: 19, columnNumber: 53 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "mt-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Withdraw")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center border rounded-md border-red-500 p-2", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl text-[#6f4cff]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right", __source: { fileName: "", lineNumber: 23, columnNumber: 53 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "mt-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Send")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center border rounded-md border-red-500 p-2", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl text-[#6f4cff]", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 27, columnNumber: 53 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "mt-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "CashLab")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center border rounded-md border-red-500 p-2", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl text-[#6f4cff]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-minus", __source: { fileName: "", lineNumber: 31, columnNumber: 53 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "mt-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Bills"))), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#6f4cff] text-xl", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Transactions"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#6f4cff]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "View All")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow flex items-center justify-between", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/amazon.png", alt: "Amazon logo", className: "w-[40px] h-[40px]", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4 text-left", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "Amazon"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Shopping"))), /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-lg", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "- $150")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow flex items-center justify-between", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/apple.png", alt: "Apple logo", className: "w-[40px] h-[40px]", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4 text-left", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, "Apple"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "Appstore Purchase"))), /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-lg", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "- $29")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow flex items-center justify-between", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/person1.png", alt: "Alex Ljung", className: "w-[40px] h-[40px] rounded-full", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4 text-left", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "Alex Ljung"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, "Transfer"))), /*#__PURE__*/ React.createElement("p", { className: "text-green-500 text-lg", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "+ $1,000")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow flex items-center justify-between", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/person2.png", alt: "Beatriz Brito", className: "w-[40px] h-[40px] rounded-full", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4 text-left", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, "Beatriz Brito"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, "Transfer"))), /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-lg", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "- $186")))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 w-full flex justify-around bg-white py-2 shadow-inner", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-center text-gray-600 hover:text-[#6f4cff]", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-2xl", __source: { fileName: "", lineNumber: 84, columnNumber: 80 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 84, columnNumber: 120 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-center text-gray-600 hover:text-[#6f4cff]", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-bag text-2xl", __source: { fileName: "", lineNumber: 85, columnNumber: 80 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 128 }, __self: this }, "Shop")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-center text-gray-600 hover:text-[#6f4cff]", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-2xl", __source: { fileName: "", lineNumber: 86, columnNumber: 80 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 86, columnNumber: 124 }, __self: this }, "Activity")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-center text-gray-600 hover:text-[#6f4cff]", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-2xl", __source: { fileName: "", lineNumber: 87, columnNumber: 80 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 87, columnNumber: 120 }, __self: this }, "Profile")))); }