1 files changed, 24 insertions, 0 deletions
diff --git a/packages/anastasis-webui/src/components/header/index.tsx b/packages/anastasis-webui/src/components/header/index.tsx
new file mode 100644
index 000000000..f2b6fe8ad
--- /dev/null
+++ b/packages/anastasis-webui/src/components/header/index.tsx
@@ -0,0 +1,24 @@
+import { FunctionalComponent, h } from 'preact';
+import { Link } from 'preact-router/match';
+import style from './style.css';
+
+const Header: FunctionalComponent = () => {
+    return (
+        <header class={style.header}>
+            <h1>Preact App</h1>
+            <nav>
+                <Link activeClassName={style.active} href="/">
+                    Home
+                </Link>
+                <Link activeClassName={style.active} href="/profile">
+                    Me
+                </Link>
+                <Link activeClassName={style.active} href="/profile/john">
+                    John
+                </Link>
+            </nav>
+        </header>
+    );
+};
+
+export default Header;