Design Engine auto generated linted syntax v1

signup.jsx

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

import React, { Component } from "react";
import './Signup.css';

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

const MainText = props => {
  return (
    <div className="maintext-wrapper">
      <div className="maintext-text">Sign up</div>
    </div>
  )
}

const Buttonback = props => {
  return (
    <div className="buttonback-wrapper">
      <img
        className="buttonback-image"
        src="./images/[email protected]"
        alt="button:back"
      />
    </div>
  )
}

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

class Signup extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }

  render() {
    return (
      <div className="signup">
        <MainText />
        <Buttonback />
        <Title />
      </div>
    )
  }
}

export default Signup;