@talend/react-components/lib/List/ListComposition/ItemsNumber/ItemsNumber.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _context = require("../context");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function ItemsNumber(props) {
  const {
    id,
    totalItems,
    selected,
    label,
    labelSelected
  } = props;
  const {
    t
  } = (0, _context.useListContext)();
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "tc-items-number",
    id: id,
    children: selected ? labelSelected || t('LIST_TOOLBAR_NUMBER_OF_SELECTED_ITEMS', {
      defaultValue: '{{count}}/{{total}} item',
      defaultValue_other: '{{count}}/{{total}} items',
      count: selected,
      total: totalItems
    }) : label || t('LIST_TOOLBAR_TOTAL_NUMBER_OF_ITEMS', {
      defaultValue: '{{count}} item',
      defaultValue_other: '{{count}} items',
      count: totalItems
    })
  });
}
ItemsNumber.propTypes = {
  id: _propTypes.default.string,
  selected: _propTypes.default.number,
  totalItems: _propTypes.default.number,
  label: _propTypes.default.string,
  labelSelected: _propTypes.default.string
};
var _default = exports.default = ItemsNumber;
//# sourceMappingURL=ItemsNumber.component.js.map