From 052cc1a5a4668d7cb17fb273a022aa5b820d1faa Mon Sep 17 00:00:00 2001
From: Sam Nystrom <sam@samnystrom.dev>
Date: Wed, 13 Mar 2024 05:03:22 +0000
Subject: refactor: move styles into separate components

---
 src/components/Header.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/Header.tsx

(limited to 'src/components/Header.tsx')

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..32fbce2
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,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;
\ No newline at end of file
-- 
cgit v1.2.3