import { cn as e } from "../../../lib/utils.js";
import { i as t, n, t as r } from "../../../tooltip-34vRSwJG.js";
import { t as i } from "../../../button-BNOmhdpM.js";
import { n as a } from "../../../StickToBottom-CU0d65a_.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
import { ChevronDown as c } from "lucide-react";
//#region lib/components/ui/atoms/scroll-button.tsx
function l({ className: l, variant: u = "outline", size: d = "sm", ...f }) {
	let { isAtBottom: p, scrollToBottom: m } = a();
	return /* @__PURE__ */ s(r, { children: [/* @__PURE__ */ o(t, {
		render: /* @__PURE__ */ o(i, {
			"aria-hidden": p,
			"aria-label": "Scroll to bottom",
			className: e("h-10 w-10 rounded-full transition-all duration-150 ease-out", p ? "pointer-events-none translate-y-4 scale-95 opacity-0" : "translate-y-0 scale-100 opacity-100", l),
			"data-slot": "scroll-button",
			onClick: () => m(),
			size: d,
			tabIndex: p ? -1 : 0,
			variant: u,
			...f
		}),
		children: /* @__PURE__ */ o(c, { className: "h-5 w-5" })
	}), !p && /* @__PURE__ */ o(n, { children: "Scroll to bottom" })] });
}
//#endregion
export { l as ScrollButton };
