Design Engine auto generated syntax v1

03-home-read-release.jsx

/**
 * JSX Generator v1.0
 * Code snippets by Design Engine.
 * Made in Mountain View, CA.
 **//* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


import React, { Component } from 'react';
import './03Home-ReadRelease.css';

import axios from 'axios';
import qs from 'qs'
import { Column, Row } from 'simple-flexbox';
const wrapper = React.createRef();

const MenuBar = (props)=> {
  return (<div className="menu-bar-wrapper">
    <img className="menu-bar-image" src="./images/29A79EFD-2330-4A8F-A19F-EFEFC924B417@1x.png" alt="Menu Bar" />
  </div>);
};

const Background = (props)=> {
  return (<div className="background-wrapper">
    <img className="background-image" src="./images/E4B6EB32-2AAF-441D-B9A7-CBA0209FF194@1x.png" alt="Background" />
  </div>);
};

const Title = (props)=> {
  return (<div className="title-wrapper">
    <div className="title-text">Blog Article Title</div>
  </div>);
};

class 03Home-ReadRelease extends Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }

  render() {
    return (<div className="03home-readrelease">
      <MenuBar />
      <Background />
      <Title />
    </div>);
  }
}

export default 03Home-ReadRelease;