top bar

src/ui/components/TopBar.css

@@ -0,0 +1,10 @@
+.TopBar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: 34px;
+  background-color: #141414;
+  z-index: 1;
+  color: #fff;
+}

src/ui/components/TopBar.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import './TopBar.css';
+
+export default class TopBar extends React.Component {
+  constructor(props: unknown[]) {
+    super(props)
+  }
+
+  render() {
+    return (
+      <div className="TopBar">
+        TOP BAR BABY
+      </div>
+    )
+  }
+}