import { twMerge as e } from "./helpers/twMerge.js";
import { Icon as t } from "@clubmed/trident-icons";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region lib/ui/ChatButton.tsx
var i = "Hello, Ask me a question", a = "Chat with your assistant";
function o({ children: o = i, className: s, type: c = "button", "aria-label": l, tabIndex: u, offset: d, unfoldOn: f = "hover", ...p }) {
	let m = l ?? (typeof o == "string" && o.trim().length > 0 ? o.trim() : a);
	return /* @__PURE__ */ r("button", {
		type: c,
		"aria-label": m,
		tabIndex: u ?? 0,
		...p,
		className: e("chat-border grid grid-cols-[24px_0fr] transition-[grid-template-columns] justify-center items-center overflow-hidden cursor-pointer transition-all rounded-pill px-8 md:px-16 outline-none group/Chatbutton focus-visible:ring-8 focus-visible:ring-lavender/20 pointer-events-auto h-48 min-h-48 md:min-w-80 md:h-80 active:scale-[0.98]", d && "md:translate-x-[40px] focus-visible:translate-x-0", f === "hover" && "group/hoverChatbutton hover:grid-cols-[24px_1fr] hover:translate-x-0", f === "active" && "group/activeChatbutton active:grid-cols-[24px_1fr] active:translate-x-0", "focus-visible:grid-cols-[24px_1fr]", s),
		children: [/* @__PURE__ */ n(t, {
			name: "Sparkles",
			className: e("chat-button-icon w-24 transition-all", d && "relative md:start-[calc(-16px)] group-focus-visible/Chatbutton:start-0 group-hover/hoverChatbutton:start-0 group-active/activeChatbutton:start-0")
		}), /* @__PURE__ */ n("div", {
			className: "grid grid-cols-[0fr] overflow-hidden opacity-0 transition-opacity group-hover/hoverChatbutton:opacity-100 group-focus-visible/Chatbutton:opacity-100 group-active/activeChatbutton:opacity-100 duration-500",
			children: /* @__PURE__ */ r("span", {
				"aria-hidden": "true",
				className: "chat-button-text items-center ps-20 flex gap-10 whitespace-nowrap font-semibold text-b3 text-black",
				children: [o, /* @__PURE__ */ n(t, {
					name: "ArrowTailRight",
					width: "24px"
				})]
			})
		})]
	});
}
//#endregion
export { o as ChatButton };

//# sourceMappingURL=ChatButton.js.map