How to use markdownz - 2 common examples

{ type: 'submit', className: 'major-button' },
              'Let\u2019s go!'
            );
          } else {
            button = _react2.default.createElement(
              'button',
              { type: 'button', className: 'standard-button', onClick: _this2.handleNextClick },
              'Continue'
            );
          }

          return _react2.default.createElement(
            _mediaCard2.default,
            { key: step._key, className: 'tutorial-step', src: source },
            _react2.default.createElement(
              _markdownz.Markdown,
              null,
              step.content
            ),
            _react2.default.createElement('hr', null),
            _react2.default.createElement(
              'p',
              null,
              button
            )
          );
        })
      );

import React from 'react';
import markdownz from 'markdownz';
import apiClient from 'panoptes-client/lib/api-client';
import talkClient from 'panoptes-client/lib/talk-client';
import FinishedBanner from './finished-banner.cjsx';
import TalkImages from './talk-images';
import ProjectMetadata from './metadata';
import ProjectHomeWorkflowButtons from './home-workflow-buttons';

const Markdown = markdownz.Markdown;

export default class ProjectHomePage extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      showWorkflowButtons: false,
      talkImages: [],
    };

    this.showWorkflowButtons = this.showWorkflowButtons.bind(this);
  }

  componentWillMount() {
    talkClient.type('comments').get({ section: `project-${this.props.project.id}`, page_size: 6, sort: '-created_at', focus_type: 'Subject' })
    .then((comments) => {