import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Box from '../../box';
import { IconButton } from '../../button';
import { cs } from '../../utils';
import { TimeUnitHeader } from './timeUnitHeader';
const size = 40;
/**
 * Header for the calendar
 */
export const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, prevDisabled, timeUnitMode, viewMonth, }) => (_jsxs(Box, { borderBottom: "1px solid lightgray", centerV: true, className: cs('vui-calendar-header'), children: [_jsx(Box, { className: "vui-calendar-header-left", children: _jsx(TimeUnitHeader, { onSetTimeUnitMode: onSetTimeUnitMode, timeUnitMode: timeUnitMode, viewMonth: viewMonth }) }), _jsxs(Box, { className: "vui-calendar-header-right", flex: "1", justify: "flex-end", children: [_jsx(IconButton, { "aria-label": "previous", className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }), _jsx(IconButton, { "aria-label": "next", className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size })] })] }));
//# sourceMappingURL=calendarHeader.js.map