function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const data = { email: formData.get('email'), caseNumber: formData.get('caseNumber'), whatsapp: formData.get('whatsapp') }; try { await fetch('https://api.example.com/resend-info', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); } catch (error) { console.error('Failed to resend information:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f4f4f4]", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "p-6 w-full max-w-xl bg-white rounded-md shadow-md", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto text-center mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Resend Information"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", required: true, className: "w-full px-3 py-2 border rounded-md text-[#333] font-roboto", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "caseNumber", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Case Number:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "caseNumber", name: "caseNumber", required: true, className: "w-full px-3 py-2 border rounded-md text-[#333] font-roboto", placeholder: "Enter your case number", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "whatsapp", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "WhatsApp:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "whatsapp", name: "whatsapp", required: true, className: "w-full px-3 py-2 border rounded-md text-[#333] font-roboto", placeholder: "Enter your WhatsApp number", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-[#006aff] text-white rounded-md hover:bg-[#0051cc] font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Resend"))); }