"use client";
import { cn } from "./index3.js";
import { Button } from "./index6.js";
import { useCalendarContext } from "./index76.js";
import { Calendar, ChevronLeft, ChevronRight } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/components/molecules/data/Calendar/CalendarNavigation.tsx
function CalendarNavigation({ className }) {
	const { navigatePrev, navigateNext, goToToday, view } = useCalendarContext();
	const unit = view === "month" ? "month" : view === "week" ? "week" : "day";
	const prevLabel = `Previous ${unit}`;
	const nextLabel = `Next ${unit}`;
	return /* @__PURE__ */ jsxs("div", {
		"data-slot": "calendar-navigation",
		className: cn("flex items-center gap-1", className),
		children: [
			/* @__PURE__ */ jsx(Button, {
				appearance: "outline",
				variant: "secondary",
				size: "icon-sm",
				onClick: navigatePrev,
				"aria-label": prevLabel,
				children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
			}),
			/* @__PURE__ */ jsx(Button, {
				appearance: "outline",
				variant: "secondary",
				size: "icon-sm",
				"aria-label": "Calendar picker",
				children: /* @__PURE__ */ jsx(Calendar, { className: "size-4" })
			}),
			/* @__PURE__ */ jsx(Button, {
				appearance: "outline",
				variant: "secondary",
				size: "icon-sm",
				onClick: navigateNext,
				"aria-label": nextLabel,
				children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
			}),
			/* @__PURE__ */ jsx(Button, {
				appearance: "outline",
				variant: "secondary",
				size: "xs",
				onClick: goToToday,
				"aria-label": "Go to today",
				children: "Today"
			})
		]
	});
}
CalendarNavigation.displayName = "CalendarNavigation";
//#endregion
export { CalendarNavigation };

//# sourceMappingURL=index73.js.map