import { Link } from 'react-router-dom';
import Image from 'react-bootstrap/Image';
import { CV_PHOTO_URL } from '../../api/cv';

export function CvHeader() {
  return (
    <div className="cv-header d-flex flex-column flex-md-row align-items-md-center gap-3 mb-4">
      <Image
        src={CV_PHOTO_URL}
        alt="rob"
        roundedCircle
        className="cv-photo"
      />
      <div className="flex-grow-1">
        <h1 className="mb-1">curriculum vitae</h1>
        <Link to="/" className="hot-pink">
          ← timeline
        </Link>
      </div>
    </div>
  );
}