text: import React, { Component } from "react";
  import Login from "../auth/login";
  import loginImg from "../../../static/assets/images/auth/login.jpg"
  
  export default class Auth extends Component {
      constructor(props) {
          super(props);
  
          this.handleSuccessfulAuth = this.handleSuccessfulAuth.bind(this);
          this.handleUnSuccessfulAuth = this.handleUnSuccessfulAuth.bind(this);
      }
  
      handleSuccessfulAuth() {
          this.props.handleSuccessfulLogin();
          this.props.history.push("/");
      }
  
      handleUnSuccessfulAuth() {
          this.props.handleUnSuccessfulLogin(); 
      }
  
      render() {
          return (
              <div className="auth-page-wrapper">
                  <div className="left-column"
                  style={{
                      backgroundImage: `url(${loginImg})`
                  }} 
                  />
                  <div className="right-column">
                      <Login 
                          handleSuccessfulAuth={this.handleSuccessfulAuth}
                          handleUnSuccessfulAuth={this.handleUnSuccessfulAuth}
                      />
                  </div>
  
              </div>
          );
      }
  }