From 141ca0c927a477f86dc9a425f9aaf9d18aa50f68 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Sat, 23 Jul 2022 00:26:41 +0300
Subject: [PATCH] add BoardToolbar component

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

diff --git a/src/components/board/BoardToolbar.tsx b/src/components/board/BoardToolbar.tsx
new file mode 100644
index 0000000..f51a029
--- /dev/null
+++ b/src/components/board/BoardToolbar.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { FunctionComponent } from 'react';
+
+const BoardToolbar: FunctionComponent<{ visible?: boolean, style?: React.CSSProperties }> = ({ children, visible, style }) => {
+    if(visible === false) return <></>;
+    return (
+        <div style={style} className='toolbar'>
+            {children}
+            <style jsx>{`
+                .toolbar {
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: space-between;
+                    align-self: stretch;
+                }
+            `}</style>
+        </div>
+    );
+}
+
+export default BoardToolbar;
\ No newline at end of file