"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Rank = function Rank(_ref) {
  var name = _ref.name,
    rank = _ref.rank,
    total = _ref.total;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "black-rank"
  }, /*#__PURE__*/_react["default"].createElement("img", {
    src: require('../../imgs/black-rank.png')
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: "black-rank-name"
  }, name), /*#__PURE__*/_react["default"].createElement("div", {
    className: "black-rank-progress"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "black-rank-progress--active",
    style: {
      width: "".concat(rank && total ? rank / total * 100 : 0, "%")
    }
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
    className: "black-rank-rank"
  }, rank), "/", /*#__PURE__*/_react["default"].createElement("span", {
    className: "black-rank-total"
  }, total)));
};
var _default = exports["default"] = Rank;
//# sourceMappingURL=Rank.js.map
