"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MonthPicker = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../utils");
const calendar_styles_1 = require("../calendar.styles");
const consts_1 = require("../consts");
const MonthPicker = ({ calendar, onSelectMonth }) => ((0, jsx_runtime_1.jsx)(calendar_styles_1.CalendarItemsContainer, { className: (0, utils_1.cs)('vui-month-picker'), gridTemplateRows: "repeat(4, 65px)", children: calendar.items.map(item => ((0, jsx_runtime_1.jsx)(calendar_styles_1.CalendarItem, Object.assign({ fontWeight: 500, onClick: (!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined }, item, { children: consts_1.monthsShort[item.date.getUTCMonth()] }), item.date.getTime()))) }));
exports.MonthPicker = MonthPicker;
//# sourceMappingURL=monthPicker.js.map