refactor: move styles into separate components

1 files changed, 22 insertions, 0 deletions

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