text: import { Heading, useColorModeValue } from '@chakra-ui/react'
  import * as React from 'react'
  
  export const FooterHeading = (props) => (
    <Heading
      as="h4"
      color={useColorModeValue('gray.600', 'gray.400')}
      fontSize="sm"
      fontWeight="semibold"
      textTransform="uppercase"
      letterSpacing="wider"
      fontFamily="body"
      {...props}
    />
  )
  