function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F2F2F2] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl text-[#333] mb-8 font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "ROCSA Savings Scheme App"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2 font-roboto", htmlFor: "member-name", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Member Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "member-name", type: "text", placeholder: "John Doe", name: "memberName", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2 font-roboto", htmlFor: "amount", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Contribution Amount ($)"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "amount", type: "number", placeholder: "500", name: "contributionAmount", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "inline-block align-baseline font-bold text-sm text-[#4CAF50] hover:text-[#45a049] font-roboto", href: "#", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "View Contributions")))); }