@makeen.io/material-ui-kit/distr/molecules/Countdown/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  .explorer-countdown__warning {\n    color: ", ";\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import moment from "moment";
import styled from "styled-components";
var CountdownWrapper = styled.div(_templateObject(),

function (props) {return props.theme.palette.warning.contrastText;});


export default (function (_ref) {var type = _ref.type,unit = _ref.unit,value = _ref.value,limit = _ref.limit,props = _objectWithoutProperties(_ref, ["type", "unit", "value", "limit"]);var _React$useState =
    React.useState(0),_React$useState2 = _slicedToArray(_React$useState, 2),difference = _React$useState2[0],setDifference = _React$useState2[1];
  React.useEffect(function () {return setDifference(moment(value).diff(moment(new Date()), unit));});
  return /*#__PURE__*/React.createElement(CountdownWrapper, _extends({}, props),
  !value && /*#__PURE__*/React.createElement("span", { className: "explorer-countdown__text" }, "No End Date Specified"),
  type === "basic" &&
  value && (
  difference < limit ? /*#__PURE__*/React.createElement("span", { className: "explorer-countdown__warning" }, difference < 0 ? "Expired, ".concat(
  Math.abs(difference), " ").concat(unit, " ago") : "".concat(
  difference, " ").concat(unit, " remaining")) : /*#__PURE__*/React.createElement("span", { className: "explorer-countdown__text" }, moment(value).format("DD MMMM YYYY"))));
});
//# sourceMappingURL=index.js.map