import { cs } from "../../utils/styles.js";
import "../../utils/index.js";
import box_default from "../../box/box.js";
import "../../box/index.js";
import { IconButton } from "../../button/buttons.js";
import "../../button/index.js";
import { TimeUnitHeader } from "./timeUnitHeader.js";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/calendar/components/calendarHeader.tsx
const size = 40;
/**
* Header for the calendar
*/
const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, prevDisabled, timeUnitMode, viewMonth }) => /* @__PURE__ */ jsxs(box_default, {
	borderBottom: "1px solid lightgray",
	centerV: true,
	className: cs("vui-calendar-header"),
	children: [/* @__PURE__ */ jsx(box_default, {
		className: "vui-calendar-header-left",
		children: /* @__PURE__ */ jsx(TimeUnitHeader, {
			onSetTimeUnitMode,
			timeUnitMode,
			viewMonth
		})
	}), /* @__PURE__ */ jsxs(box_default, {
		className: "vui-calendar-header-right",
		flex: "1",
		justifyContent: "right",
		children: [/* @__PURE__ */ jsx(IconButton, {
			"aria-label": "previous",
			className: "icon",
			disabled: prevDisabled,
			h: size,
			icon: "uiChevronLeft",
			onClick: () => onChangeViewItem("prev"),
			size: "sm",
			w: size
		}), /* @__PURE__ */ jsx(IconButton, {
			"aria-label": "next",
			className: "icon",
			disabled: nextDisabled,
			h: size,
			icon: "uiChevronRight",
			onClick: () => onChangeViewItem("next"),
			size: "sm",
			w: size
		})]
	})]
});

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