add HeaderbarIcon

2022-07-15 17:44:55 +03:00 · 2022-07-15 17:44:55 +03:00 · a8e98995d9
commit a8e98995d9
parent ac24424a27
1 changed files with 22 additions and 0 deletions
--- a/src/components/headerbar/HeaderbarIcon.tsx
+++ b/src/components/headerbar/HeaderbarIcon.tsx
@ -0,0 +1,22 @@
+import * as React from "react";
+import { FunctionComponent } from "react";
+//@ts-ignore
+import MancalaIcon from "jsx:../../mancala.svg";
+
+const HeaderbarIcon: FunctionComponent = () => {
+    return (
+        <div className="header-bar-icon-wrapper">
+            <MancalaIcon style={{ height: "30px", width: "30px" }} />
+            <style jsx>{`
+            .header-bar-icon-wrapper {
+                margin-right: 10px;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+            }
+        `}</style>
+        </div>
+    );
+}
+
+export default HeaderbarIcon;