import React from "react";

function link(src, title, icon) {
  return <li><i className={ "fa-solid " + icon}></i><a href={src}>{title}</a></li>
}

export function navbar() {
  return <div id="navbar">
    <ul>
      { link("/index.html", "Home", "fa-house") }
      { link("/gallery.html", "Gallery", "fa-image") }
      { link("/settings.html", "Settings", "fa-gear") }
    </ul>
  </div>
}