/* ----- Third Party Imports ----- */
import { Link } from "react-router-dom";

/* ----- Project Imports ----- */
import "@/styles/header.css";

function Header() {
  return (
    <header className="portfolioHeader">
      <div className="portfolioSiteLink">
        <h1><a href="https://paulus.casa">paulus.casa</a></h1>
      </div>
    <div className="headerLinksContainer">
      <Link className="headerLink" to="/">Home</Link>
      <p className="headerLinkDivider">~</p>
      <Link className="headerLink" to="/expertise">Expertise</Link>
      <p className="headerLinkDivider">~</p>
      <Link className="headerLink" to="/projects">Projects</Link>
    </div>
    </header>
  );
};

export default Header;
