import { Flex } from "rebass/styled-components";
import React from "react";

import { Colors } from "../consts";
import Icon from "./Icon";

const PageLoading = () => (
  <Flex
    flex="1 1 250px"
    alignItems="center"
    alignSelf="center"
    justifyContent="center"
    margin="0 0 48px"
  >
    <Icon name="spinner" size={24} stroke={Colors.Spinner} />
  </Flex>
);

export default PageLoading;