"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 SubscriberCountElement = function SubscriberCountElement(props) {
  var _context$subscriberCo;
  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
  var data = context ? (0, _common.toBadgeProps)((_context$subscriberCo = context.subscriberCount) === null || _context$subscriberCo === void 0 ? void 0 : _context$subscriberCo.toString()) : null;
  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
    icon: _constants.IconType.Subscriber
  }, data, props, {
    name: _constants.ElementName.SubscriberCount
  })) : null;
};
var _default = exports.default = SubscriberCountElement;