function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] flex items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold text-center mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "First Money"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "amount", name: "amount", className: "border-2 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full p-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "currency", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Currency"), /*#__PURE__*/ React.createElement("select", { id: "currency", name: "currency", className: "border-2 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full p-2", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "USD", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "USD"), /*#__PURE__*/ React.createElement("option", { value: "EUR", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "EUR"), /*#__PURE__*/ React.createElement("option", { value: "GBP", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "GBP"), /*#__PURE__*/ React.createElement("option", { value: "JPY", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "JPY"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 focus:outline-none focus:bg-indigo-700", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Send Money"))))); }