import{jsxs as o,jsx as e}from"react/jsx-runtime";import t from"../../Icon/Icons/components/DropdownChevronUp.js";import n from"../../Icon/Icons/components/DropdownChevronDown.js";import i from"moment";import r from"./DatePickerHeader.module.scss.js";import a from"../../Icon/Icon.js";var c=function(c){var s,m=c.isMonthYearSelection,d=c.onToggleMonthYearPicker,l=c.hideNavigationKeys,p=c["data-testid"],u=i(c.currentDate.valueOf()),v=u.format("MMMM"),f=u.format("YYYY");return o("div",Object.assign({className:r.datePickerHeader},{children:[e("div",Object.assign({className:"heading"},{children:v+" "+f})),!l&&e("button",Object.assign({"data-testid":"".concat(p,"-year-toggle"),type:"button",className:r.button,onClick:d},{children:e("div",Object.assign({className:r.buttonContent},{children:e(a,{iconType:null===(s=null==a?void 0:a.type)||void 0===s?void 0:s.SVG,icon:m?t:n,iconSize:24,clickable:!1})}))}))]}))};export{c as default};
