Design Engine auto generated linted syntax v1

background.jsx

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

import React, { Component } from "react";
import './SignedOut.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/[email protected]"
        alt="Background"
      />
    </div>
  )
}

const Mask = props => {
  return (
    <div className="mask-wrapper">
      <img
        className="mask-image"
        src="./images/[email protected]"
        alt="Mask"
      />
    </div>
  )
}

const Footer = props => {
  return (
    <div className="footer-wrapper">
      <img
        className="footer-image"
        src="./images/[email protected]"
        alt="Footer"
      />
    </div>
  )
}

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

  render() {
    return (
      <div className="signedout">
        <Background />
        <Mask />
        <Footer />
      </div>
    )
  }
}

export default SignedOut;