From f23a8ee4d356645ae3f91862552b256f230c6bcb Mon Sep 17 00:00:00 2001
From: Florian Dold <florian@dold.me>
Date: Mon, 11 Oct 2021 10:58:55 +0200
Subject: anastasis-webui: first commit

---
 .../src/components/header/index.tsx                | 24 ++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 packages/anastasis-webui/src/components/header/index.tsx

(limited to 'packages/anastasis-webui/src/components/header/index.tsx')

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;
-- 
cgit v1.2.3

