Design Engine auto generated linted syntax v1

background.jsx

import React, { Component } from 'react'
import './Header.css'

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

const Background = (props) => {
    return (<div className="background-wrapper">
        <img className="background-image" src="./images/3AEBB91C-8611-434C-AC15-B0DC5FC971A7@1x.png" alt="Background" />
    </div>)
}

const Street = (props) => {
    return (<div className="street-wrapper">
        <div className="street-text">889 Market ave.</div>
    </div>)
}

const CityState = (props) => {
    return (<div className="city-state-wrapper">
        <div className="city-state-text">San Francisco, CA 94021</div>
    </div>)
}

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

    render () {
        return (<div className="header">
            <Background />
            <Street />
            <CityState />
        </div>)
    }
}

export default Header