render()

in modules/monochrome/src/playback-control/stories.js [91:120]


  render() {
    const {compact = false, showSpeedOptions = false, showMarkers = false} = this.props;
    const {isPlaying, currentTime, speed} = this.state;

    return (
      <PlaybackControl
        compact={compact}
        currentTime={currentTime}
        startTime={0}
        endTime={CLIP_LENGTH}
        isPlaying={isPlaying}
        markers={showMarkers ? MARKERS : []}
        bufferRange={showMarkers ? BUFFER_RANGE : []}
        onPlay={this._onPlay}
        onPause={this._onPause}
        onSeek={this._onSeek}
      >
        {showSpeedOptions && <div style={{flexGrow: 1}} />}
        {showSpeedOptions && (
          <Dropdown
            key="speed-selector"
            className="speed-selector"
            data={PLAYBACK_SPEEDS}
            value={String(speed)}
            onChange={this._updateSpeed}
          />
        )}
      </PlaybackControl>
    );
  }