function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs md:max-w-md lg:max-w-lg xl:max-w-xl p-5 bg-white shadow-lg rounded-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex flex-col items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Animated Pranu Wallet logo", className: "w-20 h-20 mb-3", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-lg font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Pranu Wallet Working 👋"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-[#666]", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, 'Access your crypto wallet called "Pranu Wallet Working" here')), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "walletAddress", className: "block font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "walletAddress", id: "walletAddress", placeholder: "Enter your active wallet address", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "privateKey", className: "block font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Private Key"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "privateKey", id: "privateKey", placeholder: "Enter your private key", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Access Wallet"))))); }