function MainComponent() { const [page, setPage] = React.useState(0); const [formData, setFormData] = React.useState({ companyName: '', email: '', phone: '', country: '', city: '', address: '', postalCode: '', additionalInfo: '' }); const handleNext = ()=>{ if (page < 3) setPage(page + 1); }; const handleBack = ()=>{ if (page > 0) setPage(page - 1); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); }; const pageContent = [ /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 border w-full", type: "text", name: "companyName", placeholder: "Company Name", value: formData.companyName, onChange: handleChange, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 border w-full", type: "email", name: "email", placeholder: "Email Address", value: formData.email, onChange: handleChange, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 border w-full", type: "tel", name: "phone", placeholder: "Phone Number", value: formData.phone, onChange: handleChange, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 border w-full", type: "text", name: "country", placeholder: "Country", value: formData.country, onChange: handleChange, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 border w-full", type: "text", name: "city", placeholder: "City", value: formData.city, onChange: handleChange, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 border w-full", type: "text", name: "address", placeholder: "Street Address", value: formData.address, onChange: handleChange, __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 border w-full", type: "text", name: "postalCode", placeholder: "Postal Code", value: formData.postalCode, onChange: handleChange, __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("textarea", { className: "mb-4 p-2 border w-full", name: "additionalInfo", placeholder: "Additional Information", rows: "4", value: formData.additionalInfo, onChange: handleChange, __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-blue-500 text-white font-bold", type: "submit", __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }, "Register Supplier")) ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-6", __source: { fileName: "", lineNumber: 106, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-white rounded shadow-md w-full max-w-xl", __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-6", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "Register International Supplier"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, pageContent[page]), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-6", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 font-semibold text-gray-800 bg-gray-300 rounded ${page <= 0 ? 'cursor-not-allowed opacity-50' : ''}`, onClick: handleBack, disabled: page <= 0, type: "button", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, "Back"), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 font-semibold text-white bg-blue-500 rounded ${page >= pageContent.length - 1 ? 'hidden' : ''}`, onClick: handleNext, type: "button", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, "Next"))))); }