frontPanel/src/ui_kit/switchStepPages.tsx

import * as React from 'react';
import StepOne from "../pages/startPage/stepOne";
import Steptwo from "../pages/startPage/steptwo";
import StartPageSettings from "../pages/startPage/StartPageSettings";
import QuestionsPage from "../pages/Questions/QuestionsPage";

interface Props {
    activeStep: number,
    handleNext: () => void
}

export default function SwitchStepPages({activeStep = 1, handleNext }: Props) {

    switch (activeStep) {
        case 1:
            return (<StepOne handleNext={handleNext}/>);
            break;
        case 2:
            return (<Steptwo handleNext={handleNext}/>);
            break
        case 3:
            return (<StartPageSettings handleNext={handleNext}/>);
            break;
        case 4:
            return (<QuestionsPage/>);
            break;
        case 5:
            return (<StartPageSettings handleNext={handleNext}/>);
            break;
        case 6:
            return (<StartPageSettings handleNext={handleNext}/>);
            break;
        default:
            return (<></>)
    }
}