function MainComponent() { const [applicantName, setApplicantName] = React.useState('John Doe'); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#D3F8D3] p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl w-full bg-[#B0E0E6] shadow-lg rounded-lg p-8", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mb-4 text-[#20B2AA]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Congrats! You're conditionally approved!"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-6 text-[#87CEFA]", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Loan Application Results"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-center mb-4 font-roboto text-[#FFFFFF]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, applicantName, ","), " please verify your income to proceed with your loan application."), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-center mb-4 font-roboto text-[#FFFFFF]", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Example document: ", /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 12, columnNumber: 94 }, __self: this }, "Most recent pay stub")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "file-upload", className: "mb-2 text-sm font-medium text-[#20B2AA]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Upload Income Verification Documents"), /*#__PURE__*/ React.createElement("input", { id: "file-upload", name: "incomeVerification", type: "file", className: "text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-lime-200 file:text-blue-800 hover:file:bg-lime-300", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })))); }