content: import React from 'react';
  
  import lapTimeFormatter from '../libraries/lap-time-formatter';
  
  const LapTime = React.createClass({
      propTypes: {
          lapTime: React.PropTypes.number
      },
  
      shouldComponentUpdate: function(nextProps, nextState) {
          return this.normalizeLapTime(this.props.lapTime) !== this.normalizeLapTime(nextProps.lapTime);
      },
  
      normalizeLapTime: function(lapTime) {
          return lapTimeFormatter(lapTime);
      },
  
      render: function() {
          const lapTime = lapTimeFormatter(this.props.lapTime);
  
          return (
              <div id="lap-time">
                  <span className="label">
                      Lap Time
                  </span>
                  <span className="value">
                      {lapTime}
                  </span>
              </div>
          );
      }
  });
  
  export default LapTime;