import { Box, Container, Heading, HStack, Image, Text, useColorMode } from '@chakra-ui/react'
import React from 'react'
import Search from '../../assets/images/search.png'

const RelatedTransactions = () => {
    const { colorMode} = useColorMode();
    
  return (
    <Box p={"4rem 0"} bg={colorMode === "light" ? "#F3F3F3" : "#101015"}>
       <Container maxW="6xl">
          <Heading fontSize={"md"} fontWeight={400}>
            Related transactions info
          </Heading>
          <HStack justifyContent={"center"} mt={10}>
            <Image w={"40px"} src={Search}/>
            <Text as={"span"} color={"#787878"}>No records found</Text>
          </HStack>
       </Container>
    </Box>
  )
}

export default RelatedTransactions
