import { twMerge as e } from "./helpers/twMerge.js";
import { memo as t } from "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region lib/ui/ChatTypingIndicator.tsx
var i = t(function({ className: t, ...i }) {
	return /* @__PURE__ */ r("div", {
		role: "status",
		"aria-label": "Typing",
		...i,
		className: e("flex items-center gap-4 h-34 w-66 overflow-hidden rounded-pill bg-pearl px-20", t),
		children: [
			/* @__PURE__ */ n("span", {
				"aria-hidden": "true",
				className: "size-6 rounded-full bg-black animate-bounce [animation-delay:-300ms]"
			}),
			/* @__PURE__ */ n("span", {
				"aria-hidden": "true",
				className: "size-6 rounded-full bg-black animate-bounce [animation-delay:-150ms]"
			}),
			/* @__PURE__ */ n("span", {
				"aria-hidden": "true",
				className: "size-6 rounded-full bg-black animate-bounce"
			})
		]
	});
});
//#endregion
export { i as ChatTypingIndicator };

//# sourceMappingURL=ChatTypingIndicator.js.map