import { jsx as _jsx } from "react/jsx-runtime";
import { cs } from '../../utils';
import { CalendarItem as MonthItem, CalendarItemsContainer } from '../calendar.styles';
import { monthsShort } from '../consts';
export const MonthPicker = ({ calendar, onSelectMonth }) => (_jsx(CalendarItemsContainer, { className: cs('vui-month-picker'), gridTemplateRows: "repeat(4, 65px)", children: calendar.items.map(item => (_jsx(MonthItem, { fontWeight: 500, onClick: (!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined, ...item, children: monthsShort[item.date.getUTCMonth()] }, item.date.getTime()))) }));
//# sourceMappingURL=monthPicker.js.map