carbon-react/lib/components/date/__internal__/navbar/navbar.component.js

A library of reusable React components for easily building user interfaces.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./button.style.js"),r=require("./navbar.style.js"),a=require("../../../icon/icon.component.js"),l=require("../../../../__internal__/utils/helpers/events/events.js"),n=require("../../../../hooks/__internal__/useLocale/useLocale.js");const s=({onPreviousClick:s,onNextClick:o,className:i})=>{const u=n.default(),{previousMonthButton:c,nextMonthButton:d}=u.date.ariaLabels,f=e=>{(l.default.isLeftKey(e)||l.default.isRightKey(e)||l.default.isUpKey(e)||l.default.isDownKey(e))&&(e.stopPropagation(),e.preventDefault())};return e.jsxs(r.default,{className:i,"data-role":"date-navbar",children:[e.jsx(t.default,{"aria-label":c(),onClick:e=>{null==s||s(e)},onKeyDown:f,children:e.jsx(a.default,{type:"chevron_left"})}),e.jsx(t.default,{"aria-label":d(),onClick:e=>null==o?void 0:o(e),onKeyDown:f,children:e.jsx(a.default,{type:"chevron_right"})})]})};exports.Navbar=s,exports.default=s;