ConfigViewer = ({ datConfig }) => (
  <ConfigContainer>
    <HighlightStyles>
      <Highlight className="javascript">
        {`/**
 * Tim Ellenberger
 * 
 * `}
        <StyledCommentLink
          href="https://github.com/tim-soft/react-particles-webgl#usage"
          target="__blank"
        >
          docs@tim-soft/react-particles-webgl
        </StyledCommentLink>
        {`
 */

const config = ${stringifyObject(datConfig, {
          indent: '  ',
          singleQuotes: true
        })}
`}
      </Highlight>
    </HighlightStyles>
  </ConfigContainer>
)
A code viewer which pretty prints the current ParticleField config

@param {object} datConfig The current configuration of the ParticleField