import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { datePickerClassnames } from '../../constants';
import { DateCalendarNextButton, DateCalendarNextButtonContainer, DateCalendarPrevButton, DateCalendarPrevButtonContainer, } from '../DateCalendarChevronButton';
import { HeadButton, HeadText } from './styles';
export const DateCalendarHead = ({ arrowPostfixTitle, doubleArrowPostfixTitle, onHeadBtnClick, onPrevClick, onDoublePrevClick, onNextClick, onDoubleNextClick, headBtnTitle, headBtnText, isPlural, }) => (_jsxs(_Fragment, { children: [_jsxs(DateCalendarPrevButtonContainer, { className: datePickerClassnames.headButtonsContainer, children: [onDoublePrevClick && (_jsx(DateCalendarPrevButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle ?? '', onClick: onDoublePrevClick, isPlural: isPlural })), _jsx(DateCalendarPrevButton, { postfixTitle: arrowPostfixTitle, onClick: onPrevClick, isPlural: isPlural })] }), onHeadBtnClick ? (_jsx(HeadButton, { className: datePickerClassnames.headTextButton, onClick: onHeadBtnClick, tooltipTitle: headBtnTitle, children: headBtnText })) : (_jsx(HeadText, { className: datePickerClassnames.headText, role: "head", children: headBtnText })), _jsxs(DateCalendarNextButtonContainer, { className: datePickerClassnames.headButtonsContainer, children: [_jsx(DateCalendarNextButton, { postfixTitle: arrowPostfixTitle, onClick: onNextClick, isPlural: isPlural }), onDoubleNextClick && (_jsx(DateCalendarNextButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle ?? '', onClick: onDoubleNextClick, isPlural: isPlural }))] })] }));
