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

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

import React from 'react';
import PropTypes from 'prop-types';
import styles from './RollBack.module.css';

class RollBack extends React.Component {
  render() {
    return React.createElement("div", null, React.createElement("p", {
      className: styles.helpText
    }, "Rollback", React.createElement("output", {
      className: styles.rollBackValue
    }, ` x${this.props.rollBackValueInSeconds} `), " Seconds"), React.createElement("input", {
      type: "range",
      min: "1",
      max: "60",
      step: "1",
      value: this.props.rollBackValueInSeconds,
      onChange: this.props.handleChangeReplayRollbackValue
    }), React.createElement("br", null), React.createElement("button", {
      type: "button",
      onClick: this.props.rollBack
    }, "\u21BA"));
  }

}

RollBack.propTypes = {
  rollBackValueInSeconds: PropTypes.number,
  handleChangeReplayRollbackValue: PropTypes.func,
  rollBack: PropTypes.func
};
export default RollBack;