hunk.code_window:     "react": "16.12.0",
       "react-dom": "16.12.0",
       "redux": "4.0.5",
       "remark-cli": "^8.0.0",
       "replace-x": "1.7.2",
       "rimraf": "2.7.1",
       "stringify-object": "3.3.0",
       "supertest": "3.4.2",
       "tar": "4.4.13",
       "temp-write": "3.4.0",
  
hunk.labels: keep keep keep keep add keep keep keep keep keep
hunk.after_edit:     "replacestream": "^4.0.3",
  
hunk.file_path: package.json
hunk.type: add
file: const { h } = require('preact')
  
  module.exports = function RecordButton ({ recording, onStartRecording, onStopRecording, i18n }) {
    if (recording) {
      return (
        <button
          class="uppy-u-reset uppy-c-btn uppy-Webcam-button uppy-Webcam-button--video"
          type="button"
          title={i18n('stopRecording')}
          aria-label={i18n('stopRecording')}
          onclick={onStopRecording}
          data-uppy-super-focusable
        >
          <svg aria-hidden="true" focusable="false" class="UppyIcon" width="100" height="100" viewBox="0 0 100 100">
            <rect x="15" y="15" width="70" height="70" />
          </svg>
        </button>
      )
    }
  
    return (
      <button
        class="uppy-u-reset uppy-c-btn uppy-Webcam-button uppy-Webcam-button--video"
        type="button"
        title={i18n('startRecording')}
        aria-label={i18n('startRecording')}
        onclick={onStartRecording}
        data-uppy-super-focusable
      >
        <svg aria-hidden="true" focusable="false" class="UppyIcon" width="100" height="100" viewBox="0 0 100 100">
          <circle cx="50" cy="50" r="40" />
        </svg>
      </button>
    )
  }
  