32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import { FunctionalComponent, h } from "preact";
|
||
import style from "./style.module.css";
|
||
|
||
export interface HeaderProps {
|
||
class?: string
|
||
}
|
||
|
||
const Header: FunctionalComponent<HeaderProps> = ({ ...props}) => {
|
||
return (
|
||
<div class={`container ${style.header} ${props.class ? props.class : ''}`}>
|
||
<div class="columns">
|
||
<div class="column">
|
||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||
<div class="navbar-brand">
|
||
<a class="navbar-item" href="/">
|
||
<h1 class="title is-size-4">⏱️ Guesstimate</h1>
|
||
</a>
|
||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
</a>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default Header;
|