react-circle-timer/dist/example.js

Lightweight React countdown timer circle component with color and progress animation based on SVG

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _reactCircleTimer = _interopRequireDefault(require("react-circle-timer"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function Example() {
  var countDownRef = (0, _react.useRef)();
  var start = function start() {
    countDownRef.current.startTimer();
  };
  var stop = function stop() {
    countDownRef.current.stopTimer();
  };
  var resume = function resume() {
    countDownRef.current.resumeTimer();
  };
  var reset = function reset() {
    countDownRef.current.resetTimer();
  };
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
    onClick: start
  }, "Start"), /*#__PURE__*/React.createElement("button", {
    onClick: stop
  }, "stop"), /*#__PURE__*/React.createElement("button", {
    onClick: resume
  }, "resume"), /*#__PURE__*/React.createElement("button", {
    onClick: reset
  }, "reset"), /*#__PURE__*/React.createElement(_reactCircleTimer.default, {
    ref: countDownRef,
    size: 150,
    strokeBgColor: "#4d4d4d",
    strokeWidth: 10,
    strokeColor: "red",
    seconds: 30,
    prefixTime: "s"
  }));
}
var _default = Example;
exports.default = _default;