React to Markdown demo component

Demo.jsx

import PropTypes from "prop-types";
import React from "react";

import MarkdownElement from "src/modules/components/MarkdownElement";
import Sandbox from "src/modules/components/Sandbox";

class Demo extends React.Component {
  static propTypes = {
    demo: PropTypes.object.isRequired
  };

  render() {
    const { demo } = this.props;

    return (
      <React.Fragment>
        <Sandbox component={demo.jsx} name={demo.name} />
        <MarkdownElement text={`\`\`\`\n${demo.rawJS}\n\`\`\``} />
      </React.Fragment>
    );
  }
}

export default Demo;