import React from 'react';
import styled from 'styled-components';

import { CircularProgress } from '@material-ui/core';

import Page from './Page';

const StyledCircularProgress = styled(CircularProgress)`
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
`;
const StyledPage = styled(Page)`
  height: 100vh;
`;
const Loading = () => (
  <StyledPage>
    <StyledCircularProgress />
  </StyledPage>
);
export default Loading;
