import React, { memo } from 'react';
import Lottie from 'react-lottie';
import animationData from "./coord.json";
import "./style.css";
var defaultOptions = {
  loop: false,
  autoplay: true,
  animationData: animationData,
  rendererSettings: {
    preserveAspectRatio: 'xMidYMid slice'
  }
};

var TransitionCountDown = function TransitionCountDown(props) {
  return /*#__PURE__*/React.createElement("div", {
    className: "transitionCountDown"
  }, /*#__PURE__*/React.createElement(Lottie, {
    className: "mtimer",
    options: defaultOptions,
    width: "100",
    height: "100",
    direction: 1,
    isStopped: false,
    isPaused: props === null || props === void 0 ? void 0 : props.isPaused,
    eventListeners: [{
      eventName: 'complete',
      callback: (props === null || props === void 0 ? void 0 : props.callback) ? props === null || props === void 0 ? void 0 : props.callback : function () {}
    }]
  }));
};

export default memo(TransitionCountDown);