import React from 'react';

import { Box, Grid, GridItem } from '@nova-hf/ui';
import { IContext } from 'beta/typings/context';
import SideMenuLayout from 'beta/components/layouts/SideMenuLayout';

const BaetaVid = () => {
  return (
    <SideMenuLayout title="Bæta við greiðslumáta">
      <Box paddingY={6}>
        <Grid gridTemplate={{ sm: 12 }}>
          <GridItem gridColumn={{ sm: 'span12' }}>
            Bæta við Greiðslumáta form coming soon.. <br />
            (will be implemented in the new checkout view)
          </GridItem>
        </Grid>
      </Box>
    </SideMenuLayout>
  );
};

BaetaVid.getInitialProps = ({ pathname, query }: IContext) => {
  return {
    pathname,
    customerId: query.customerId,
    namespacesRequired: ['stillingar'],
  };
};
export default BaetaVid;