import React, { forwardRef } from 'react';
import Timer from 'react-timer-wrapper';
import Timecode from 'react-timecode';
import "./style.css";

var TemplateTimer = function TemplateTimer(props, ref) {
  return /*#__PURE__*/React.createElement("div", {
    className: "timer",
    style: {
      display: props.complete ? 'block' : 'none'
    }
  }, /*#__PURE__*/React.createElement(Timer, {
    ref: ref,
    active: true,
    duration: null
  }, /*#__PURE__*/React.createElement(Timecode, null)));
};

export default forwardRef(TemplateTimer);