text: import React, { Component } from 'react'
  
  class UserGreeting extends Component {
      constructor(props) {
        super(props)
      
        this.state = {
           isLoggedIn: true
        }
      }
      
    render() {
      return this.state.isLoggedIn && <div>Welcome Pedro</div>
  
      // return this.state.isLoggedIn ? (
      //     <div>Welcome Pedro</div>
      // ) : (
      //     <div>Welcome Guest</div>
      // )
  
      //   let message
      //   if (this.state.isLoggedIn) {
      //       message = <div>Welcome Pedro</div>
      //   } else {
      //     message = <div>Welcome Guest</div>
      //   }
      // return <div>{message}</div>
  
      //   if (this.state.isLoggedIn) {
      //       return (
      //         <div>Welcome Pedro</div>
      //       )
      //   } else {
      //       return (
      //         <div>Welcome Guest</div>
      //       )
      //   }
      // return (
      //   <div>
      //       <div>Welcome Pedro</div>
      //       <div>Welcome Guest</div>
      //   </div>
      // )
    }
  }
  
  export default UserGreeting
  