1 files changed, 23 insertions, 0 deletions
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