import React, { Component } from 'react';
import { Box, Flex } from '@rebass/emotion';

import LoadingSpinner from 'components/loading-spinner';

class PaymentLoading extends Component<any> {
  render(): JSX.Element {
    return (
      <Flex
        justifyContent="center"
        bg="secondary"
        padding="50px 0"
      >
        <Box>
          <Box mb={1}>
            Loading Payment form
          </Box>
          <LoadingSpinner
            width="25px"
          />
        </Box>
      </Flex>
    );
  }
}

export default PaymentLoading;