function MainComponent() { const handleSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-[50vh] bg-red-500/50", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 space-y-8 bg-white border-2 border-red-200/50 shadow-md rounded-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl text-center font-semibold font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Bank Interface"), /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto text-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Current Balance: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 10, columnNumber: 28 }, __self: this }, "$0.00")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "accountNumber", className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Account Number"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "accountNumber", id: "accountNumber", className: "mt-1 w-full p-2 border border-gray-300 rounded", required: true, __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount", id: "amount", className: "mt-1 w-full p-2 border border-gray-300 rounded", required: true, __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-[calc(50%-0.5rem)] p-3 bg-[#1a73e8] text-white rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Submit"), /*#__PURE__*/ React.createElement("button", { type: "button", className: "w-[calc(50%-0.5rem)] p-3 bg-[#1a73e8] text-white rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "View Transactions"))))); }