"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CalendarHeader = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const box_1 = __importDefault(require("../../box"));
const button_1 = require("../../button");
const utils_1 = require("../../utils");
const timeUnitHeader_1 = require("./timeUnitHeader");
const size = 40;
/**
 * Header for the calendar
 */
const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, prevDisabled, timeUnitMode, viewMonth, }) => ((0, jsx_runtime_1.jsxs)(box_1.default, { borderBottom: "1px solid lightgray", centerV: true, className: (0, utils_1.cs)('vui-calendar-header'), children: [(0, jsx_runtime_1.jsx)(box_1.default, { className: "vui-calendar-header-left", children: (0, jsx_runtime_1.jsx)(timeUnitHeader_1.TimeUnitHeader, { onSetTimeUnitMode: onSetTimeUnitMode, timeUnitMode: timeUnitMode, viewMonth: viewMonth }) }), (0, jsx_runtime_1.jsxs)(box_1.default, { className: "vui-calendar-header-right", flex: "1", justify: "flex-end", children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, { "aria-label": "previous", className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }), (0, jsx_runtime_1.jsx)(button_1.IconButton, { "aria-label": "next", className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size })] })] }));
exports.CalendarHeader = CalendarHeader;
//# sourceMappingURL=calendarHeader.js.map