function MainComponent() { const [currentStep, setCurrentStep] = React.useState(1); const goNext = ()=>{ if (currentStep < 5) { setCurrentStep(currentStep + 1); } }; const goBack = ()=>{ if (currentStep > 1) { setCurrentStep(currentStep - 1); } }; const stepContent = ()=>{ switch(currentStep){ case 1: return 'Customize Service Name...'; case 2: return 'Choose Service Category...'; case 3: return 'Set Service Price...'; case 4: return 'Define Service Duration...'; case 5: return 'Confirm Service Details...'; default: return 'Unknown step'; } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[400px] bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] text-lg mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Create Your Service"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, stepContent())), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: goBack, className: "px-4 py-2 border border-[#ccc] rounded text-[#121212] font-roboto hover:bg-[#f9f9f9]", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Previous"), /*#__PURE__*/ React.createElement("button", { onClick: goNext, className: "px-4 py-2 bg-[#007bff] text-white rounded font-roboto hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Next"))))); }