gatsby-theme-wordpress-mdx/src/components/sections/Footer/FooterSection.js

<p align="center"> <img width='200px' alt="Gatsby Theme" src="https://raw.githubusercontent.com/artezan/gatsby-theme-wordpress-mdx/master/%40artezan/gatsby-theme-wordpress-mdx/dn.png" />

/** @jsx jsx */
import React from 'react'
import { jsx, Styled, Flex, Box, Footer } from 'theme-ui'
import { MDXRenderer } from 'gatsby-plugin-mdx'
import Img from 'gatsby-image'

export const FooterSection = ({ body }) => {
  return (
    <Footer>
      <Styled.div
        sx={{
          width: '100%'
        }}
      >
        <MDXRenderer>{body}</MDXRenderer>
      </Styled.div>
    </Footer>
  )
}