function MainComponent() { const [activeStep, setActiveStep] = React.useState(0); const steps = [ { step: "Shortlisting", description: "We review your application to see if you're a fit." }, { step: "Round 1", description: "Initial interview to assess your skills and knowledge." }, { step: "Round 2", description: "A more in-depth interview with higher management." }, { step: "Documentation", description: "Submit your documents for verification." } ]; const interviewTips = [ { tip: "Learn about astrology to understand our work culture better." }, { tip: "Be ready to discuss your spiritual and astrological experiences." }, { tip: "Prepare some questions for us, it shows you're interested!" }, { tip: "Practice mindfulness and stress-relief techniques." } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#ffeb3b] min-h-screen", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-10 p-6", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#121212] mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Astrotalk Hiring Process"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Join our team of elite astrologers and help guide the world.")), /*#__PURE__*/ React.createElement("ul", { className: "list-none flex justify-center items-center mb-20", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, steps.map((step, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: `p-4 ${index === activeStep ? 'bg-[#121212] text-white' : 'bg-white text-[#121212]'} mx-2 rounded-full`, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "cursor-pointer", onClick: ()=>setActiveStep(index), __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, step.step)))), /*#__PURE__*/ React.createElement("div", { className: "mb-20 p-6", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-center text-[#121212] mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Interview Preparation Tips"), /*#__PURE__*/ React.createElement("div", { className: "flex overflow-x-auto gap-6 p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, interviewTips.map((tip, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "min-w-[200px] flex-none p-4 bg-white rounded-lg", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#121212]", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, tip.tip)))))); }