"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 Star_1 = require("./Star");
class StarList extends react_1.default.PureComponent {
    /**
     * @todo split up
     */
    render() {
        const { value } = this.props;
        // fill an empty array, map it
        const stars = new Array(5);
        // go through our total (5), fill it
        let addingNumber = 5;
        for (let index = 0; index < 5; index++) {
            // was  value >= index ? value : index but that would be 0,1,2,3,4,5
            // if value > index, it's not empty
            const percent = value >= index ? value : 0;
            const star = Star_1.Star.from(percent, this.props, addingNumber);
            addingNumber -= 1;
            stars.push(star);
        }
        /**
         * @note logic was backwards
         * .reverse()
         */
        return stars;
    }
}
StarList.defaultProps = {
    value: 0,
    isNumberPrefix: false,
    isNumberSuffix: false,
};
exports.StarList = StarList;
exports.default = StarList;
//# sourceMappingURL=StarList.js.map