import { Box, Spinner, Text, useColorMode } from "@chakra-ui/react";
import React from "react";
import bannerImage from "../../assets/images/bannerImg.png";

const FullScreenLoaader = () => {
  const { colorMode } = useColorMode();
  return (
    <Box
      backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"}
      position={"relative"}
      backgroundSize="contain"
      backgroundRepeat="no-repeat"
      h={"100vh"}
      w={"100vw"}
      display={"flex"}
      justifyContent={"center"}
      alignItems={"center"}
    >
      <Spinner
        thickness="2px"
        speed="0.65s"
        emptyColor={colorMode === "light" ? "#fff" : "#000"}
        color="purple.700"
        size="lg"
      />
    </Box>
  );
};

export default FullScreenLoaader;
