@bbc/react-transcript-editor/dist/TranscriptEditor/MediaPlayer/ProgressBar.js

A React component to make transcribing audio and video easier and faster.

import React from 'react';
import PropTypes from 'prop-types';
import style from './ProgressBar.module.css';

class ProgressBar extends React.Component {
  render() {
    return React.createElement("div", {
      className: style.progress
    }, React.createElement("input", {
      type: "range",
      className: style.bar,
      onChange: this.props.buttonClick,
      value: this.props.value,
      min: "0",
      max: this.props.max.toString()
    }));
  }

}

ProgressBar.propTypes = {
  value: PropTypes.number,
  max: PropTypes.string,
  buttonClick: PropTypes.func
};
export default ProgressBar;