41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
import { Box, Spinner, Text } from "@chakra-ui/react";
|
|
import React from "react";
|
|
import "./FullscreenLoaders.css";
|
|
|
|
const FullscreenLoaders = ({ height }) => {
|
|
return (
|
|
<Box
|
|
display={"flex"}
|
|
justifyContent={"center"}
|
|
flexDirection={"column"}
|
|
alignItems={"center"}
|
|
w={"100%"}
|
|
h={height ? height : "100vh"}
|
|
gap={4}
|
|
>
|
|
{/* <div className="dot-spinner">
|
|
<div className="dot-spinner__dot"></div>
|
|
<div className="dot-spinner__dot"></div>
|
|
<div className="dot-spinner__dot"></div>
|
|
<div className="dot-spinner__dot"></div>
|
|
<div className="dot-spinner__dot"></div>
|
|
<div className="dot-spinner__dot"></div>
|
|
<div className="dot-spinner__dot"></div>
|
|
<div className="dot-spinner__dot"></div>
|
|
</div> */}
|
|
{/* <Text color='#004717' fontSize={'md'} fontWeight={500}>Loading...</Text> */}
|
|
{/* <div className="spinner-grow" style={{backgroundColor:"#004118"}} role="status" /> */}
|
|
|
|
<Spinner
|
|
thickness="4px"
|
|
speed="0.65s"
|
|
emptyColor="#fff"
|
|
color="#004118"
|
|
size="lg"
|
|
/>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default FullscreenLoaders;
|