function MainComponent() { const handleSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f7f7f7] font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto p-8 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center text-[#333] mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Rental Assistance Application"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fullName", className: "block mb-2 text-sm font-medium text-[#555]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "fullName", name: "fullName", className: "w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-blue-500", placeholder: "John Doe", required: true, __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block mb-2 text-sm font-medium text-[#555]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-blue-500", placeholder: "john.doe@example.com", required: true, __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone", className: "block mb-2 text-sm font-medium text-[#555]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phone", name: "phone", className: "w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-blue-500", placeholder: "(555) 555-5555", required: true, __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "address", className: "block mb-2 text-sm font-medium text-[#555]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Rental Property Address"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "address", name: "address", className: "w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-blue-500", placeholder: "1234 Rent St, Apartment 101", required: true, __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "block mb-2 text-sm font-medium text-[#555]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Requested Assistance Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "amount", name: "amount", className: "w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-blue-500", placeholder: "0.00", min: "0", step: "0.01", required: true, __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 px-6 text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition duration-300", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Apply Now")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, ` body { background-color: #f7f7f7; } `)); }