src/components/Header.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import { ComponentChildren } from 'preact';
import Button from './Button.tsx';
import './Header.css';

export interface HeaderProps {
	children: ComponentChildren;
}

const Header = ({ children }: HeaderProps) => {
	return (
		<header class="__Header">
			<div class="title">
				<Button kind="ghost" href="/">DataNodes</Button>
			</div>
			<nav>
				{children}
			</nav>
		</header>
	);
};

export default Header;