import { cs } from "../../utils/styles.js";
import { CalendarItem, CalendarItemsContainer } from "../calendar.styles.js";
import { monthsShort } from "../consts.js";
import { jsx } from "react/jsx-runtime";

//#region src/calendar/components/monthPicker.tsx
const MonthPicker = ({ calendar, onSelectMonth }) => /* @__PURE__ */ jsx(CalendarItemsContainer, {
	className: cs("vui-month-picker"),
	gridTemplateRows: "repeat(4, 65px)",
	children: calendar.items.map((item) => /* @__PURE__ */ jsx(CalendarItem, {
		fontWeight: 500,
		onClick: !item.isDisabled && onSelectMonth && onSelectMonth(item.date) || void 0,
		...item,
		alignContent: "center",
		textAlign: "center",
		children: monthsShort[item.date.getUTCMonth()]
	}, item.date.getTime()))
});

//#endregion
export { MonthPicker };
globalThis.__vuiVersion__ = "4.0.0-beta.1"
//# sourceMappingURL=monthPicker.js.map