import React from "react";
import { MonthsContainer, MonthItem } from "../styles";
var Months = function (_a) {
    var data = _a.data, changeMonth = _a.changeMonth;
    var handleOnClick = function (id) {
        changeMonth(id);
    };
    return (React.createElement(MonthsContainer, null, data.map(function (_a) {
        var id = _a.id, name = _a.name, isActive = _a.isActive, isDisabled = _a.isDisabled;
        return (React.createElement(MonthItem, { isDisabled: isDisabled, key: id, isActive: isActive, onClick: function () { return handleOnClick(id); } }, name));
    })));
};
export default Months;
