import React from "react";
import { Box } from "theme-ui";

import Spinner from "./Spinner";

function LoadingOverlay() {
  return (
    <Box
      sx={{
        position: "absolute",
        width: "100%",
        height: "100%",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        top: 0,
        left: 0,
      }}
      bg="muted"
    >
      <Spinner />
    </Box>
  );
}

export default LoadingOverlay;
