import React from 'react';
import Step from 'containers/checkout';
import Endurvirkja from '../../../containers/checkout/steps/endurvirkjun/Endurvirkja';
import { useTranslation } from 'utils/i18n';

interface EndurvirkjunProps {
  step: string;
  subscriptionId: string;
  ssn: string;
}

const Endurvirkjun = ({ subscriptionId, ssn }: EndurvirkjunProps) => {
  const { t } = useTranslation('subscription');
  return (
    <Step
      color="orange"
      titleSteps={[t('reActivate.step')]}
      returnLink={subscriptionId && `/${ssn}/thjonusta/${subscriptionId}`}
      totalSteps={1}
      subscriptionId={subscriptionId}
    >
      <Endurvirkja />
    </Step>
  );
};

Endurvirkjun.getInitialProps = ({ query }: any) => {
  const { step, subscriptionId, ssn } = query;

  return {
    step,
    subscriptionId,
    ssn,
    namespacesRequired: ['endurvirkjun'],
  };
};

export default Endurvirkjun;