import React__default from 'react';
import { a as LabelTypography, b as LabelColors, L as Label } from '../index-4372fcec.js';
import 'prop-types';
import '../stringSet-eefbc798.js';

const PlaybackTime = _ref => {
  let {
    className,
    time = 0,
    labelType = LabelTypography.CAPTION_2,
    labelColor = LabelColors.ONCONTENT_1
  } = _ref;
  const naturalTime = time < 0 ? 0 : time;
  const hour = Math.floor(naturalTime / 3600000);
  const min = Math.floor(naturalTime % 3600000 / 60000);
  const sec = Math.floor(naturalTime % 3600000 % 60000 / 1000);
  return /*#__PURE__*/React__default.createElement("div", {
    className: `sendbird-ui-play-time ${className}`
  }, /*#__PURE__*/React__default.createElement(Label, {
    type: labelType,
    color: labelColor
  }, `${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`));
};

export { PlaybackTime, PlaybackTime as default };
//# sourceMappingURL=PlaybackTime.js.map
