/**

Luis is a software engineer with over ten years of experience.

* With expertise primarily in web development and additional deep
* knowledge of many mainstream languages, he is comfortable going
* up and down the stack in order to implement a new feature
* or develop a product. His passion is to write clean, adaptable
* code using design patterns and best practices. Luis loves
* developing in Laravel and React, he considers his front-end
* development skills top notch.
*
*/

import React, { useState, useEffect } from "react";

function Profile() {
  const [name, setName] = useState("");
  const [role, setRole] = useState("");
  const [experience, setExperience] = useState("");
  const [email, setEmail] = useState("");

  useEffect(() => {
    setName(props.name);
    setRole(props.role);
    setExperience(props.experience);
    setEmail(props.email);
  }, []);

  return (
    <>
      <div>Hello, I'm {name}.</div>
      <div>I'm a {role} with {experience} of experince.</div>
      <div>Want to say <a href={`mailto:${email}`}>{hi}</a>?</div>
    </>
  );
}

<Profile
  name="Luis Montoya" 
  role="full stack web developer" 
  experience="10+ years" 
  email="[email protected]" 
/>;