import React from 'react';
import { Button } from 'react-bootstrap';
import Step from './Step';

export default ({active}) => (
  <Step>
    <Button disabled={!active}>
      Upload Cards
    </Button>
  </Step>
);

@@ -5,16 +5,29 @@
 rt React
+, %7BComponent%7D
  from 'r
@@ -75,16 +75,17 @@
 strap';%0A
+%0A
 import S
@@ -107,40 +107,359 @@
 p';%0A
-%0Aexport default (%7Bactive%7D) =%3E
+import %7B importNotes %7D from './trello';%0A%0Aexport default class ImportStep extends Component %7B%0A  state = %7B%0A    progress: 0%0A  %7D%0A  %0A  handleImport = () =%3E %7B%0A    importNotes(this.props.notes, this.updateProgress);%0A  %7D%0A%0A  updateProgress = progress =%3E %7B%0A    this.setState(%7B progress %7D);%0A  %7D%0A%0A  render() %7B%0A    const %7B active %7D  = this.props;%0A    return
  (%0A
+    
   %3CS
@@ -467,16 +467,20 @@
 ep%3E%0A    
+  
+  
 %3CButton 
@@ -501,29 +501,87 @@
 ive%7D
-%3E%0A      Upload Cards%0A
+ onClick=%7Bthis.handleImport%7D%3E%0A          Upload Cards %7Bthis.state.progress%7D%0A    
     
@@ -590,16 +590,20 @@
 Button%3E%0A
+    
   %3C/Step
@@ -604,11 +604,21 @@
 %3C/Step%3E%0A
-);
+    );%0A  %7D%0A%7D
 %0A

add progress state