Header.js (1106B)
1 import Link from "next/link"; 2 3 import { site } from "../config.js"; 4 5 function Header({ noTitle, pageTitle, titleLink = "/" }) { 6 return ( 7 <header id="header" className="header-container"> 8 <div className="header site-header"> 9 <nav 10 id="main-menu" 11 className="main-menu-container" 12 aria-label="Main Menu" 13 > 14 <ul className="main-menu"> 15 <li> 16 <Link href="/"> 17 <a>{site.title}</a> 18 </Link> 19 </li> 20 <li> 21 <Link href="/random"> 22 <a>Random</a> 23 </Link> 24 </li> 25 <li> 26 <Link href="/about"> 27 <a>About</a> 28 </Link> 29 </li> 30 </ul> 31 </nav> 32 {!noTitle ? ( 33 <div className="header-info"> 34 <p className="site-title title"> 35 <Link href={titleLink}> 36 <a>{pageTitle}</a> 37 </Link> 38 </p> 39 </div> 40 ) : null} 41 </div> 42 </header> 43 ); 44 } 45 46 export default Header;