example/datatypes.card.js
function(card) {
    var bg = ['#333', '#ccc'][card.state];
    return (
      <div style={{
        width: 100, height: 50,
        lineHeight: '50px',
        margin: '0 auto',
        textAlign: 'center',
        border: '1px solid black',
        transition: 'background-color 3s',
        backgroundColor: bg,
        color: 'white'
      }}>
        {bg}
      </div>
    );
  }
function(card) {
    var bg = ['#333', '#ccc'][card.state];
    return (
      <div style={{
        width: 100, height: 50,
        lineHeight: '50px',
        margin: '0 auto',
        textAlign: 'center',
        border: '1px solid black',
        transition: 'background-color 3s',
        backgroundColor: bg,
        color: 'white'
      }}>
        {bg}
      </div>
    );
  }
function ( card ) { var bg = [ '#333' , '#ccc' ] [ card . state ] ; return ( < div style = { { width : 100 , height : 50 , lineHeight : '50px' , margin : '0 auto' , textAlign : 'center' , border : '1px solid black' , transition : 'background-color 3s' , backgroundColor : bg , color : 'white' } } > { bg } < / div > ) ; }
state-timer
state - timer