"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