import React, { Component } from 'react'
import {connect} from "react-redux"
import { Redirect } from 'react-router-dom'
import './styles.css'
import H2 from '../../components/H2'
import Form from './Form'

class Login extends Component {
    render() {
        if(!this.props.user.logged) {
            return <div className="login">
                <div className="container">
                    <div className="login__content">
                        <H2 className="login__caption" title="Login page" />
                        <p>Корректные данные: email = 'max@test.com', password = '12345'</p>
                        <Form className="login__form"/>
                    </div>
                </div>
            </div>;
        } else {
            return <Redirect to="/profile" />;
        }
    }
}


export default connect(
    state => ({
        user: state.user
    })
)(Login);