From 32419a6ad4fefb9a6e20b3f3d8c4cb352e882ca6 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Fri, 15 Jul 2022 17:45:21 +0300
Subject: [PATCH] add HeaderbarTitle

---
 src/components/headerbar/HeaderbarTitle.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/headerbar/HeaderbarTitle.tsx

diff --git a/src/components/headerbar/HeaderbarTitle.tsx b/src/components/headerbar/HeaderbarTitle.tsx
new file mode 100644
index 0000000..2da3039
--- /dev/null
+++ b/src/components/headerbar/HeaderbarTitle.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { FunctionComponent } from 'react';
+import { Context } from '../../context/context';
+
+const HeaderbarTitle: FunctionComponent<{ title: string, color: string }> = ({ title, color }) => {
+    return (
+        <h1 style={{ color: color }} className="header-bar-title">
+            {title}
+            <style jsx>{`
+            .header-bar-title {
+                margin: 10px 0px;
+            }
+            `}</style>
+        </h1>
+    );
+}
+
+export default HeaderbarTitle;
\ No newline at end of file