import React, {Component} from "react";

export default class Main extends Component {
    render() {
        return (
            <div>
                <p className="App-intro">
                    Hi, {this.props.name} <br/>
                    Do you want to see the screct area? <a href="/secret">Click here</a>
                </p>
                {!this.props.auth.isAuthenticated() &&
                <div>
                    <hr/>
                    Please Login First
                    <hr/>
                    <button onClick={this.props.auth.login}>Login</button>
                </div>
                }
            </div>
        )
    }
}