Better layout

src/layout/components/Button.tsx

@@ -1,10 +1,23 @@
 import React, {ButtonHTMLAttributes, DetailedHTMLProps, FunctionComponent} from "react";
 
-export const GHButton: FunctionComponent<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>> = (props) => {
+interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+
+}
+
+export const GHButton: FunctionComponent<ButtonProps> = (props) => {
 
     const {className, ...rest} = props;
 
     return (
         <button className={`gh-button ${className}`} {...rest}></button>
     );
+}
+
+export const NoButton: FunctionComponent<ButtonProps> = (props) => {
+
+    const {className, ...rest} = props;
+
+    return (
+        <button className={`no-button ${className}`} {...rest}></button>
+    );
 }

src/layout/components/Deck.tsx

@@ -20,7 +20,7 @@ const Deck: FunctionComponent<Props> = ({currentCard, actionOnClick}) => {
             </div>
             <div className="deck">
                 <p></p>
-                <Card cardString={"AA  BB"} handleClick={handleClick} isHidden={true}/>
+                <Card cardString={"AA  BB"} handleClick={handleClick} isHidden isClickable/>
             </div>
         </div>
     );