import React from 'react';
import ReactDOM from 'react-dom';
import {PulldownClose, PulldownGoto, PulldownStage, Pulldown} from 'react-pulldown';
 
const App = React.createClass({
 
  render() {
    return (
      <Pulldown
        className="demo"
        defaultStage="a"
        delay={1000}
      >
 
        <PulldownStage
          height={100}
          name="a"
        >
          First stage
          <PulldownGoto
            stage="b"
          >
            Next
          </PulldownGoto>
        </PulldownStage>
 
        <PulldownStage
          direction="top"
          height={200}
          name="b"
        >
          Second stage
          <PulldownClose>
            Close
          </PulldownClose>
        </PulldownStage>
 
      </Pulldown>
    );
  },
 
});
 
ReactDOM.render(<App />, document.getElementById('app'));