uppy/packages/@uppy/webcam/src/RecordingLength.tsx

import type { I18n } from '@uppy/utils/lib/Translator'
import { h } from 'preact'
import formatSeconds from './formatSeconds.ts'

interface RecordingLengthProps {
  recordingLengthSeconds: number
  i18n: I18n
}

export default function RecordingLength({
  recordingLengthSeconds,
  i18n,
}: RecordingLengthProps): JSX.Element {
  const formattedRecordingLengthSeconds = formatSeconds(recordingLengthSeconds)

  return (
    <span
      aria-label={i18n('recordingLength', {
        recording_length: formattedRecordingLengthSeconds,
      })}
    >
      {formattedRecordingLengthSeconds}
    </span>
  )
}