import React from "react";
import { OPACITY_ON_LOAD } from "../Layout/animations";
import { Box, Image, useColorMode } from "@chakra-ui/react";
import logo from "../assets/images/rubix.png";
import logoLight from "../assets/images/rubixlogo.svg";

const SplashScreen = () => {
    const { colorMode } = useColorMode();

  return <Box zIndex={1000} bg={'#000'} h={'100vh'} display={'flex'} justifyContent={'center'} alignItems={'center'}  {...OPACITY_ON_LOAD}>

<Image
                src={colorMode === "light" ? logoLight : logo}
                // width={"120px"}
                width={{base:"95px",md : "120px"}}
              />
  </Box>;
};

export default SplashScreen;
