added menu bar

src/components/App.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import AllDecks from './AllDecks';
+import MenuBar from './MenuBar';
 
 function App() {
   // const [CTDeck,setCTDeck] = useState<Deck>(new Deck(
@@ -14,6 +15,7 @@ function App() {
 
   return (
     <div className="text-white">
+      <MenuBar />
       <AllDecks />
     </div>
   );

src/components/CardGroup.tsx

@@ -38,7 +38,7 @@ const CardGroupComp: React.FC<Props> = ({cardGroup,side,onChange,onRemove}) => {
 					/>
 				)}
 				<div
-					className="bg-gray-600 m-1 p-1 cursor-pointer my-auto"
+					className="bg-gray-600 my-auto button"
 					onClick={()=>onChange?.(
 						new CardGroup(
 							cardGroup.numInDeck,

src/components/Deck.tsx

@@ -42,7 +42,7 @@ const DeckComp: React.FC<Props> = ({deck,side,title,onChange}) => {
                         }}
                     />
                 )}
-                <div className="bg-gray-700 m-1 p-1 cursor-pointer my-auto" 
+                <div className="bg-gray-700 button my-auto" 
                     onClick={()=>onChange?.(
                         new Deck(
                             deck.numDefusers,

src/components/MenuBar.tsx

@@ -0,0 +1,22 @@
+import React from "react"
+
+interface Props {
+    onExport?: ()=>void
+}
+
+const MenuBar: React.FC<Props> = ({onExport}) => {
+    return (
+        <div className="bg-gray-800 h-10 m-1 p-1 flex">
+            <div className="bg-gray-700 button" onClick={onExport}>
+                Export
+            </div>
+            <a href="https://developer.valvesoftware.com/wiki/CS:GO_Game_Mode_-_Retakes" target="_blank" rel='noreferrer'>
+                <div className="bg-gray-700 button">
+                    Help
+                </div>
+            </a>
+        </div>
+    )
+}
+
+export default MenuBar

src/index.css

@@ -5,3 +5,7 @@
 .min-h-card {
     min-height: 10rem;
 }
+
+.button {
+    @apply py-1 px-2 mx-2 hover:bg-gray-900 cursor-pointer
+}