import { useStyleConfig } from "../core/theme.js";
import vui from "../core/vui.js";
import Button from "../button/button.js";
import { jsx } from "react/jsx-runtime";

//#region src/chat/chatInputButton.tsx
/**
*  Displays a chat input button.
*/
const ChatInputButton = vui((props, ref) => {
	const styles = useStyleConfig("Chat", props);
	const { status = "default", onSend, onStop } = props;
	return /* @__PURE__ */ jsx(Button, {
		disabled: status === "disabled" || status === "processing" && !onStop,
		h: "100%",
		icon: status === "processing" && onStop ? "falStopCircle" : "falChevronCircleRight",
		ml: 1,
		onClick: () => status === "processing" ? onStop?.() : onSend?.(),
		ref,
		variant: "tertiaryDark",
		...styles?.inputButton
	});
});
ChatInputButton.displayName = "ChatInputButton";

//#endregion
export { ChatInputButton as default };
globalThis.__vuiVersion__ = "4.0.0-beta.1"
//# sourceMappingURL=chatInputButton.js.map