From 9eb1625ec5de3c221ed0445dde874fcb1dc3ff48 Mon Sep 17 00:00:00 2001
From: Sam Nystrom <sam@samnystrom.dev>
Date: Wed, 13 Mar 2024 18:01:48 +0000
Subject: feat: add menu components

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

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

diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
new file mode 100644
index 0000000..1c985c1
--- /dev/null
+++ b/src/components/Toolbar.tsx
@@ -0,0 +1,23 @@
+import type { ComponentChildren } from 'preact';
+import Header from './Header.tsx';
+import Button from './Button.tsx';
+import './Toolbar.css';
+
+export interface ToolbarProps {
+	children: ComponentChildren;
+	title: string;
+}
+
+const Toolbar = ({ children, title }: ToolbarProps) => {
+	return (
+		<Header class="__Toolbar">
+			<menu class="actions">
+				{children}
+			</menu>
+			<Button kind="ghost" class="title">{title}</Button>
+			<div></div>
+		</Header>
+	);
+};
+
+export default Toolbar;
\ No newline at end of file
-- 
cgit v1.2.3

