function MainComponent() { const [errorMessage, setErrorMessage] = React.useState(null); const [isLoading, setIsLoading] = React.useState(false); const [progress, setProgress] = React.useState(0); const [txtData, setTxtData] = React.useState(""); const handleSubmit = async (event)=>{ event.preventDefault(); setIsLoading(true); setErrorMessage(null); setProgress(0); try { const response = await fetch('/api/check-accounts', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ data: txtData }) }); if (!response.ok) throw new Error("Network response was not ok"); const result = await response.json(); // Simulate progress for(let i = 0; i <= 100; i++){ setTimeout(()=>setProgress(i), i * 20); } } catch (error) { setErrorMessage("Something went wrong!"); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 w-full max-w-[600px]", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4 text-center", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Amazon Account Checker"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email-passwords", className: "block text-sm font-roboto mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Email/Password Combos (TXT format):"), /*#__PURE__*/ React.createElement("textarea", { id: "email-passwords", name: "email-passwords", rows: "10", className: "w-full p-2 border border-gray-300 rounded-md", placeholder: "example@example.com:password123", value: txtData, onChange: (e)=>setTxtData(e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-blue-500 hover:bg-blue-600 text-white font-roboto rounded-md", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Check Accounts")), isLoading && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 h-2.5 rounded-full", style: { width: `${progress}%` }, __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Checking... ", progress, "%")), errorMessage && /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-red-500 font-roboto text-center", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, errorMessage))); }