(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "tslib", "react", "../styles"], factory);
    }
})(function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var tslib_1 = require("tslib");
    var react_1 = (0, tslib_1.__importDefault)(require("react"));
    var styles_1 = require("../styles");
    var Months = function (_a) {
        var data = _a.data, changeMonth = _a.changeMonth;
        var handleOnClick = function (id) {
            changeMonth(id);
        };
        return (react_1.default.createElement(styles_1.MonthsContainer, null, data.map(function (_a) {
            var id = _a.id, name = _a.name, isActive = _a.isActive, isDisabled = _a.isDisabled;
            return (react_1.default.createElement(styles_1.MonthItem, { isDisabled: isDisabled, key: id, isActive: isActive, onClick: function () { return handleOnClick(id); } }, name));
        })));
    };
    exports.default = Months;
});
