text: import AuthForm, { STATE_LOGIN } from 'components/AuthForm';
  import React from 'react';
  import { Card, Col, Row } from 'reactstrap';
  
  class AuthPage extends React.Component {
    handleAuthState = authState => {
      if (authState === STATE_LOGIN) {
        this.props.history.push('/login');
      } else {
        this.props.history.push('/signup');
      }
    };
  
    handleLogoClick = () => {
      this.props.history.push('/');
    };
  
    render() {
      return (
        <Row
          style={{
            height: '100vh',
            justifyContent: 'center',
            alignItems: 'center',
            backgroundColor : '#F4F7FC',
          }}>
          <Col md={6} lg={4}>
            <Card body style={{ borderColor:'#fff'}}>
              <AuthForm
                authState={this.props.authState}
                onChangeAuthState={this.handleAuthState}
                onLogoClick={this.handleLogoClick}
              />
            </Card>
          </Col>
        </Row>
      );
    }
  }
  
  export default AuthPage;
  