import React, { Component } from 'react';

class GreetUser extends Component {
    render() {
        return (<h2>Welcome back!!</h2>);
    }
}

class GreetGuest extends Component {
    render() {
        return (<h2>Please Sign up</h2>);
    }
}

class Greetings extends Component {

    constructor(props){
        super(props);
    }

    render() {
        if (this.props.isLoggedIn) {
            return (
                <div>
                    <GreetUser />
                </div>);
        }
        else {
            return (
                <div>
                    <GreetGuest />
                </div>);
        }
    }
}

export default Greetings;