import React from 'react';
import { makeStyles } from '@material-ui/core';
const useStyles = makeStyles((theme) => ({
    root: {}
}));
const AmbientStepContent = ({ activeStep, step1, step2, step3, step4, step5 }) => {
    const classes = useStyles();
    function getStepContent(step) {
        switch (step) {
            case 0:
                return React.createElement("div", null, step1);
            case 1:
                return React.createElement("div", null, step2);
            case 2:
                return React.createElement("div", null, step3);
            case 3:
                return React.createElement("div", null, step4);
            case 4:
                return React.createElement("div", null, step5);
            default:
                return 'Unknown step';
        }
    }
    return (React.createElement("div", { className: classes.instructions }, getStepContent(activeStep))
    // <div>
    //   {activeStep === steps.length ? (
    //     <div>
    //       <Typography className={classes.instructions}>
    //         All steps completed - you&apos;re finished
    //       </Typography>
    //     </div>
    //   ) : (
    //     <div>
    //       <Typography className={classes.instructions}>
    //         {getStepContent(activeStep)}
    //       </Typography>
    //     </div>
    //   )}
    // </div>
    );
};
export default AmbientStepContent;
//# sourceMappingURL=AmbientStepContent.js.map