import Link from "next/link";
import styles from "../styles/Header.module.css"

export default function Header(props) {
    const isInfoPage = typeof window !== "undefined" && window.location.pathname === "/info"

    return (
        <header className={styles.header}>
            <nav
                className={styles.nav}
                role="navigation"
                aria-label="main navigation"
            >
                <Link href="/">
                    <h1>{props.siteTitle}</h1>
                </Link>
                <div>
                    <Link href={isInfoPage ? "/" : "/info"}>
                        <h1>{isInfoPage ? "close" : "info"}</h1>
                    </Link>
                </div>
            </nav>
        </header>
    );
}