"use client";

export function TypingIndicator() {
	return (
		<div className="flex justify-start">
			<div className="flex items-center gap-1 px-4 py-3 bg-muted rounded-2xl rounded-bl-sm w-fit">
				<span className="h-2 w-2 rounded-full bg-muted-foreground/50 animate-bounce [animation-delay:-0.3s]" />
				<span className="h-2 w-2 rounded-full bg-muted-foreground/50 animate-bounce [animation-delay:-0.15s]" />
				<span className="h-2 w-2 rounded-full bg-muted-foreground/50 animate-bounce" />
			</div>
		</div>
	);
}