@chatui/core
Version:
The React library for Chatbot UI
22 lines • 909 B
JavaScript
import React from 'react';
import clsx from 'clsx';
import useCountdown from '../../hooks/useCountdown';
import { padZero } from '../../utils/date';
export var Countdown = function Countdown(_ref) {
var className = _ref.className,
targetDate = _ref.targetDate,
onEnd = _ref.onEnd;
var timeLeft = useCountdown({
targetDate: targetDate,
onEnd: onEnd
});
return /*#__PURE__*/React.createElement("div", {
className: clsx('Countdown', className)
}, /*#__PURE__*/React.createElement("span", {
className: "Countdown-unit"
}, padZero(timeLeft.hours)), /*#__PURE__*/React.createElement("span", null, " : "), /*#__PURE__*/React.createElement("span", {
className: "Countdown-unit"
}, padZero(timeLeft.minutes)), /*#__PURE__*/React.createElement("span", null, " : "), /*#__PURE__*/React.createElement("span", {
className: "Countdown-unit"
}, padZero(timeLeft.seconds)));
};