@hitachivantara/uikit-react-core/dist/Calendar/CalendarNavigation/Navigation/Navigation.js

UI Kit Core React components.

import { HvIcon } from "../../../icons.js";
import { HvButton } from "../../../Button/Button.js";
import { useClasses } from "./Navigation.styles.js";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/Calendar/CalendarNavigation/Navigation/Navigation.tsx
var Navigation = ({ id, classes: classesProp, onNavigatePrevious, onNavigateNext, onTextClick, navigationText = "n/a", isPreviousEnabled = true, isNextEnabled = true }) => {
	const { classes, cx } = useClasses(classesProp);
	return /* @__PURE__ */ jsxs("div", {
		className: classes.root,
		children: [
			/* @__PURE__ */ jsx(HvButton, {
				icon: true,
				disabled: !isPreviousEnabled,
				"aria-label": "Previous",
				className: cx(classes.icon, { [classes.disabled]: !isPreviousEnabled }),
				onClick: onNavigatePrevious,
				children: /* @__PURE__ */ jsx(HvIcon, {
					name: "CaretRight",
					size: "xs",
					rotate: true
				})
			}),
			/* @__PURE__ */ jsx(HvButton, {
				id,
				variant: "secondaryGhost",
				onClick: onTextClick,
				component: onTextClick ? "button" : "div",
				className: cx(classes.text, { [classes.textWithoutHover]: !onTextClick }),
				children: navigationText
			}),
			/* @__PURE__ */ jsx(HvButton, {
				icon: true,
				disabled: !isNextEnabled,
				"aria-label": "Next",
				className: cx(classes.icon, { [classes.disabled]: !isNextEnabled }),
				onClick: onNavigateNext,
				children: /* @__PURE__ */ jsx(HvIcon, {
					name: "CaretRight",
					size: "xs"
				})
			})
		]
	});
};
//#endregion
export { Navigation };