import { t as e } from "../../chunks/clsx.js";
import { ArrowButton as t } from "../buttons/ArrowButton.js";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region lib/ui/arrows/Arrows.tsx
var i = ({ className: i, color: a, describedby: o, iconType: s = "ArrowDefault", isDisabledHidden: c = !1, isNextDisabled: l = !1, isPrevDisabled: u = !1, labels: d = {
	next: "",
	previous: ""
}, onNext: f, onPrev: p, size: m, theme: h, ...g }) => /* @__PURE__ */ r("div", {
	...g,
	className: e("pointer-events-none flex w-full items-center justify-between gap-x-20", i),
	"data-name": "Arrows",
	children: [/* @__PURE__ */ n(t, {
		className: e("pointer-events-auto transition-opacity", { "opacity-0": c && u }),
		color: a,
		disabled: u,
		icon: `${s}Left`,
		onClick: p,
		size: m,
		theme: h,
		"aria-describedby": o,
		children: d.previous
	}), /* @__PURE__ */ n(t, {
		className: e("pointer-events-auto transition-opacity", { "opacity-0": c && l }),
		color: a,
		disabled: l,
		icon: `${s}Right`,
		onClick: f,
		size: m,
		theme: h,
		"aria-describedby": o,
		children: d.next
	})]
});
//#endregion
export { i as Arrows };

//# sourceMappingURL=Arrows.js.map