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

export function Reports() {
    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">Reports dashboard coming soon.</Text>
            </Box>
        </Box>
  );
}