VoteButton

var React = require('react');



var VoteButton = React.createClass({

  getInitialState: function(){
    return{
      voteButtonText: ''
    }
  },

  onComponentDidMount: function(){

  },

  getVoteButtonText: function(){
    if(this.props.duringRound && !this.props.chosenWord.length){
      return   <div><span id="voteText">Choose a word <span className="or">or</span> Enter your own</span><span id="vote-label" className="label label-lg"></span><span id="vote-button-label" className="label label-lg">{this.props.time}</span></div>;
    }else if(this.props.duringRound && this.props.chosenWord.length){
        return   <div><span id="voteText">Vote for {this.props.chosenWord}</span><span id="vote-label" className="label label-lg"></span><span id="vote-button-label" className="label label-lg">{this.props.time}</span></div>;
    }
  },


  render: function(){
    return (
      <div>
        <nav className="navbar navbar-default navbar-fixed-bottom myNavbar">
            <button id="voteButton" className="btn btn-primary voteButton" form="voteForm">
              {this.getVoteButtonText}
            </button>
        </nav>
      </div>
    )
  }
});

module.exports = VoteButton;