import React from "react";
import FontAwesome from "react-fontawesome";

const NameComponent = ({ name, onEdit }) => (
  <h2>
    {name}
    <button className="btn btn-outline-secondary float-right" onClick={onEdit}>
      <FontAwesome name="pencil" />
    </button>
  </h2>
);

export default NameComponent;