index.js

import React from 'react';
import BackBtn from '../../common/back-btn';
import ShareBtn from '../../common/share-btn';

import './index.scss';

export default function ComedianHeader({ data }) {
  const { name, photoURL } = data;
  const title = `${name} page`;
  const shareBtnData = { text: title, title };

  return (
    <div className="comedian-header">
      <img className="thumbnail" src={photoURL} />
      <h2 className="title">{name}</h2>
      <div className="navigation">
        <BackBtn data={data} />
        <ShareBtn data={shareBtnData} />
      </div>
      <hr></hr>
    </div>
  );
}