import {Center, Image, LoadingOverlay, Mark, Stack, Text} from "@mantine/core";
import classes from "./AppzalLoader.module.css";
import AppzaIcon from "../../../assets/images/appza-iocn.svg";
import {useViewportSize} from "@mantine/hooks";


export default function BlockActivityWaitLoader(){
    const {height, width} = useViewportSize();


    return (
        <LoadingOverlay
            visible={true}
            loaderProps={{
                children: (
                    <Center h={`100vh`}>
                        <Stack gap="xs" align="center">
                            <Image className={classes.initialLoader} w={50} src={AppzaIcon} alt=''/>
                            <Text fs="italic" size="xs">Theme is being configured. This may take a moment...</Text>
                        </Stack>
                    </Center>
                )
            }}
            // overlayProps={{ backgroundOpacity: 0.95}}
            /*style={{
                height: height
            }}*/
        />
    )
}