import React from 'react';
import { Box } from '@nova-hf/ui';
import { inject, observer } from 'mobx-react';
import { IContext } from 'typings/context';

import { activateEsimSteps, findCorrespondingStepContent } from '../kaupa/StepSetup';

const EsimVirkjun = () => {
  return (
    <Box display="flex" flexDirection="column" alignItems="flex-start" justifyContent="center">
      {activateEsimSteps.map((stepData) => {
        return findCorrespondingStepContent(stepData.id, {
          id: stepData.id,
          title: stepData.title,
        });
      })}
    </Box>
  );
};

EsimVirkjun.getInitialProps = ({ pathname }: IContext) => {
  return {
    pathname,
    namespacesRequired: [],
  };
};

export default inject('signupSteps')(observer(EsimVirkjun));