Source: components/header/index.js

import { h } from 'preact';
import { Link } from 'preact-router/match';
import style from './style.css';


/**
 * Generates the header object for the website. This provides links
 * to the settings and wifi pages. It also loads the CymaSpace logo
 * for display.
 * 
 * @return The HTML object for the header.
 */
const Header = () => (
	<header className={style.header}>
		<a href="/" className={style.logo}>
			<img src="../../assets/cymalog1.png" alt="CymaSpace Logo" height="32" />
			<h1>AudioLux</h1>
		</a>
		<nav>
			<Link activeClassName={style.active} href="/">
				Settings
			</Link>
			<Link activeClassName={style.active} href="/wifi">
				Wifi
			</Link>
			
		</nav>
	</header>
);

export default Header;