"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _constants = require("../../../../../constants");
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
var _common = require("../common");
var SubTasksProgressElement = function SubTasksProgressElement(props) {
  var _context$subTasksProg;
  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
  var data = context ? (0, _common.toBadgeProps)((_context$subTasksProg = context.subTasksProgress) === null || _context$subTasksProg === void 0 ? void 0 : _context$subTasksProg.toString()) : null;
  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
    icon: _constants.IconType.SubTasksProgress
  }, data, props, {
    name: _constants.ElementName.SubTasksProgress
  })) : null;
};
var _default = exports.default = SubTasksProgressElement;