import { Box, Text } from '@chakra-ui/react';

export default function GlobalMapCanvas() {
    return (
        <Box p={8} mt={4} ml="auto" mr="auto" width="600px">
            <Box 
                bg="bg" 
                shadow="md" 
                borderRadius="md"
                p={8}
                width="600px"
                height="100px"
                textAlign="center"
                display="flex"
                alignItems="center"
                justifyContent="center"
            >
                <Text fontsize="2xl" fontWeight="bold" color="gray.700">
                    Global Map Canvas coming soon!
                </Text>
            </Box>
        </Box>
    );
}