@chatui/core
Version:
The React library for Chatbot UI
29 lines (28 loc) • 1.31 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Countdown = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _useCountdown = _interopRequireDefault(require("../../hooks/useCountdown"));
var _date = require("../../utils/date");
var Countdown = exports.Countdown = function Countdown(_ref) {
var className = _ref.className,
targetDate = _ref.targetDate,
onEnd = _ref.onEnd;
var timeLeft = (0, _useCountdown.default)({
targetDate: targetDate,
onEnd: onEnd
});
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _clsx.default)('Countdown', className)
}, /*#__PURE__*/_react.default.createElement("span", {
className: "Countdown-unit"
}, (0, _date.padZero)(timeLeft.hours)), /*#__PURE__*/_react.default.createElement("span", null, " : "), /*#__PURE__*/_react.default.createElement("span", {
className: "Countdown-unit"
}, (0, _date.padZero)(timeLeft.minutes)), /*#__PURE__*/_react.default.createElement("span", null, " : "), /*#__PURE__*/_react.default.createElement("span", {
className: "Countdown-unit"
}, (0, _date.padZero)(timeLeft.seconds)));
};