import { cn } from "../../lib/utils.mjs";
import React from "react";
import { Loader2 } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/components/chat/CopilotChatSuggestionPill.tsx
const baseClasses = "group cpk:inline-flex cpk:h-7 cpk:sm:h-8 cpk:items-center cpk:gap-1 cpk:sm:gap-1.5 cpk:rounded-full cpk:border cpk:border-border/60 cpk:bg-background cpk:px-2.5 cpk:sm:px-3 cpk:text-[11px] cpk:sm:text-xs cpk:leading-none cpk:text-foreground cpk:transition-colors cpk:cursor-pointer cpk:hover:bg-accent/60 cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background cpk:disabled:cursor-not-allowed cpk:disabled:text-muted-foreground cpk:disabled:hover:bg-background cpk:disabled:hover:text-muted-foreground cpk:pointer-events-auto";
const labelClasses = "cpk:whitespace-nowrap cpk:font-medium cpk:leading-none";
const CopilotChatSuggestionPill = React.forwardRef(function CopilotChatSuggestionPill({ className, children, icon, isLoading, type, ...props }, ref) {
	const showIcon = !isLoading && icon;
	return /* @__PURE__ */ jsxs("button", {
		ref,
		"data-copilotkit": true,
		"data-testid": "copilot-suggestion",
		"data-slot": "suggestion-pill",
		className: cn(baseClasses, className),
		type: type ?? "button",
		"aria-busy": isLoading || void 0,
		disabled: isLoading || props.disabled,
		...props,
		children: [isLoading ? /* @__PURE__ */ jsx("span", {
			className: "cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground",
			children: /* @__PURE__ */ jsx(Loader2, {
				className: "cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:animate-spin",
				"aria-hidden": "true"
			})
		}) : showIcon && /* @__PURE__ */ jsx("span", {
			className: "cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground",
			children: icon
		}), /* @__PURE__ */ jsx("span", {
			className: labelClasses,
			children
		})]
	});
});
CopilotChatSuggestionPill.displayName = "CopilotChatSuggestionPill";

//#endregion
export { CopilotChatSuggestionPill as default };
//# sourceMappingURL=CopilotChatSuggestionPill.mjs.map