@taylorwhite/copacetic-frontity-theme/src/components/loading.js

A frontity theme made with Chakra UI

/**@jsx jsx */
import { Box, CircularProgress } from "@chakra-ui/core";
import { jsx } from "@emotion/core";

const Loading = () => (
  <Box
    mx="auto"
    p="24px"
    display="flex"
    alignItems="center"
    justifyContent="center"
    minH="inherit"
  >
    <CircularProgress
      css={{
        "[data-progress-indicator]": {
          color: "accent.500"
        }
      }}
      isIndeterminate
    />
  </Box>
);

export default Loading;