import React from 'react';
import styles from './Banner.scss';

const Banner = () => (
  <div className={styles.Banner}>
    <span>
      This game has a play testing session available.
      <span className={styles.Eligible}>
        {' '}You are eligible!
      </span>
    </span>
    <div className={styles.Buttons}>
      <button className={styles.Start}>Start Session</button>
      <button className={styles.Hide}>Hide</button>
    </div>
  </div>
);

export default Banner;

@@ -5,16 +5,31 @@
 rt React
+, %7B Component %7D
  from 'r
@@ -35,16 +35,16 @@
 react';%0A
-
 import s
@@ -77,30 +77,201 @@
 ;%0A%0Ac
-onst Banner = () =%3E (%0A
+lass Banner extends Component %7B%0A  state = %7B%0A    hide: false%0A  %7D%0A%0A  onHide = () =%3E this.setState(%7B hide: true %7D);%0A%0A  render() %7B%0A    const %7B hide %7D = this.state;%0A    return !hide%0A      ? (%0A      
   %3Cd
@@ -300,16 +300,22 @@
 anner%7D%3E%0A
+      
     %3Cspa
@@ -313,24 +313,30 @@
      %3Cspan%3E%0A
+      
       This g
@@ -377,16 +377,22 @@
 ilable.%0A
+      
       %3Cs
@@ -432,16 +432,22 @@
         
+     
+ 
 %7B' '%7DYou
@@ -461,16 +461,22 @@
 igible!%0A
+      
       %3C/
@@ -477,24 +477,30 @@
     %3C/span%3E%0A
+      
     %3C/span%3E%0A
@@ -495,24 +495,30 @@
     %3C/span%3E%0A
+      
     %3Cdiv cla
@@ -542,16 +542,22 @@
 ttons%7D%3E%0A
+      
       %3Cb
@@ -612,24 +612,30 @@
 tton%3E%0A      
+  
+    
 %3Cbutton clas
@@ -653,16 +653,38 @@
 es.Hide%7D
+ onClick=%7Bthis.onHide%7D
 %3EHide%3C/b
@@ -686,24 +686,30 @@
 de%3C/button%3E%0A
+      
     %3C/div%3E%0A 
@@ -707,16 +707,22 @@
  %3C/div%3E%0A
+      
   %3C/div%3E
@@ -722,18 +722,43 @@
  %3C/div%3E%0A
-);
+      )%0A      : null;%0A  %7D%0A%7D
 %0A%0Aexport

Add basic hide functionality to banner