gatsby-theme-wordpress-mdx/src/components/SideBarNavItem/SideBarNavItem.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 { jsx, Styled } from 'theme-ui'

export const SideBarNavItem = ({ icon, title, isActive }) => (
  <Styled.div
    sx={{
      variant: isActive ? 'navItemMdxWp.active' : 'navItemMdxWp.normal'
    }}
  >
    {/* {icon && <Icon iconPath={icon} />} */}
    {title}
  </Styled.div>
)