export default function() {
  const iconStyle = {
    filter: "var(--filter-blue)",
  };

  return (
    <nav className="navbar">
      <ul className="navbar-list">
        <li className="navbar-list-item home">
          <a href="/">
            <img
              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/home.svg"
              className="icon"
              style={iconStyle}
            />
          </a>
        </li>
        <li className="navbar-list-item">
          <a href="/gpg-key" title="GPG Key">
            <img
              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/key.svg"
              className="icon"
              style={iconStyle}
            />
          </a>
        </li>
        <li className="navbar-list-item">
          <a href="/resume" title="Resume">
            <img
              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/file-cv.svg"
              className="icon"
              style={iconStyle}
            />
          </a>
        </li>
      </ul>
    </nav>
  );
}
