var stuff = function (user){
  return user.firstName + ' - - - - > ' + user.lastName;
}

var me = () => {
  const obj = {
    objUser: { firstName: '',  lastName: '',  },
    stuff: function ( objUser ) { return objUser.firstName + ' ---------- ' + objUser.lastName; },
    greetingUser: function (){
      if (this.objUser.firstName != ''){
        return "Hola " + this.objUser.firstName + " " + this.objUser.lastName;
      } else {
        return "Hola, público en general";
      }
    }
  }
  return obj;
}

const user = {
  firstName: '',
  lastName: ''
}

const Index = () =>{
  const name = "Pedro";
  const lastname = "Navarro Monter";
  const age = 34;
  user.firstName = name;
  user.lastName = lastname;
  let objMe = me();

  let greeting = objMe.greetingUser();
  console.log("objMe ", objMe.objUser);

  objMe.objUser = user;

  let greetingUser = objMe.greetingUser();
  console.log("greetingUser ", greetingUser);

  return  (
    <div>
      <p>Hello World!</p>
      <p>greeting before loading user into objUser {greeting}</p>
      <p>{name} {lastname}<br/>{age}</p>
      <p>
        {stuff(user)} |{objMe.stuff(user)} | {greetingUser} || `{objMe.greetingUser()}`
      </p>
    </div>
  )
};

export default Index;
// import ReactDOM from 'react-dom';

// class Index extends ReactDOM{
//   renderIndex(){
//     const a = '';
//    return a =
//    <h1>Hello, world!</h1>;

//   }
// }
// export default Index;
// // ReactDOM.render(
// //   document.getElementById('root')
// // );