text: import {
    Box,
    Container,
    Stack,
    Text,
    useColorModeValue,
  } from "@chakra-ui/react";
  
  export default function Footer() {
    return (
      <Box
      mt={12}
        bg={useColorModeValue("gray.100", "gray.900")}
      >
        <Container
          as={Stack}
          maxW={"8xl"}
          py={4}
          direction={{ base: "column", md: "row" }}
          spacing={4}
          justify={{ base: "center", md: "space-between" }}
          align={{ base: "center", md: "center" }}
        >
          <Text>© 2022 DAOdective. All rights reserved</Text>
        </Container>
      </Box>
    );
  }
  