From 13451b7588aa5800f0c1a87e7c3b49830d9e4087 Mon Sep 17 00:00:00 2001
From: Sam Nystrom <sam@samnystrom.dev>
Date: Wed, 13 Mar 2024 17:45:11 +0000
Subject: refactor: add title prop to Header

---
 src/components/Header.css |  3 +--
 src/components/Header.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Header.css b/src/components/Header.css
index ef1dd60..0a562bf 100644
--- a/src/components/Header.css
+++ b/src/components/Header.css
@@ -3,9 +3,9 @@
 		height: 3rem;
 		border-bottom: 1px solid var(--overlay);
 		display: flex;
-		flex-direction: row;
 		justify-content: space-between;
 		align-items: center;
+		--button-height: 100%;
 
 		> .title {
 			font-weight: 500;
@@ -15,7 +15,6 @@
 		nav {
 			height: 100%;
 			display: flex;
-			flex-direction: row;
 		}
 	}
 }
\ No newline at end of file
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 32fbce2..95d5fef 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -4,14 +4,14 @@ import './Header.css';
 
 export interface HeaderProps {
 	children: ComponentChildren;
+	class?: string;
+	title: string;
 }
 
-const Header = ({ children }: HeaderProps) => {
+const Header = ({ children, title, ...props }: HeaderProps) => {
 	return (
-		<header class="__Header">
-			<div class="title">
-				<Button kind="ghost" href="/">DataNodes</Button>
-			</div>
+		<header class={(props.class || '') + ' __Header'}>
+			{title && <Button kind="ghost" class="title" href="/">{title}</Button>}
 			<nav>
 				{children}
 			</nav>
-- 
cgit v1.2.3