import { Box, Container, Text, useColorMode } from '@chakra-ui/react'
import React from 'react'

const Footer = () => {
  const { colorMode } = useColorMode();
  return (
    <Box textAlign={"center"} bg={colorMode === "light" ? "#230A79" : "#232127"} p={1}>
      <Container maxW="6xl">
        <Text fontSize={"12px"} color={"#f3f3f5"}>All timestamps are shown in UTC+00:00</Text>
      </Container>
    </Box>
  )
}

export default Footer
