"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});

const react_1 = __importDefault(require("react"));

const classnames_1 = __importDefault(require("classnames"));

const StarList_1 = require("./StarList");

const fixture_1 = require("./fixture");

const elements_1 = require("./elements"); // would  not count (0) and we already are passing in  false
// formatCount: total => (total === false ? '' : `(${total})`),


exports.renderCount = (props, total) => {
  return total === false ? '(0)' : `(${total})`;
}; // emptyRatings


exports.renderEmpty = props => {
  return react_1.default.createElement(StarList_1.StarList, Object.assign({}, props, {
    value: 0
  }));
};

exports.renderWrap = props => {
  const {
    value,
    qa,
    children,
    className
  } = props;
  const attributes = {
    'data-qa': qa,
    'data-rating-value': value,
    'className': classnames_1.default(fixture_1.classes.ratings, className)
  }; // @todo shouldn't this be RatingsWrap?

  return react_1.default.createElement(elements_1.StarAndNumberWrap, Object.assign({}, attributes), children);
};

exports.renderStarList = props => {
  return react_1.default.createElement(elements_1.StarListWrap, {
    key: "star"
  }, ' ', react_1.default.createElement(StarList_1.StarList, Object.assign({}, props)), ' ');
};

exports.renderTotal = (props, formattedCount) => {
  return react_1.default.createElement(elements_1.TotalRatings, {
    children: formattedCount,
    key: "total"
  });
}; //# sourceMappingURL=renderProps.js.map