Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 | 1x 1x 1x 1x 1x 1x 1x 1x 1x | export const TypingIndicator = ({ className = '' }: { className?: string }) => (
<div
className={`typing-indicator relative py-2 px-[10px] rounded-lg w-fit max-w-cb-message-box text-3xs leading-5 border shadow-sm border-primary-700 bg-primary-700 ${className}`}
>
<div className="flex items-center gap-2 p-1">
<div className="w-1.5 h-1.5 bg-white rounded-full animate-bounce-strong [animation-delay:-0.3s]" />
<div className="w-1.5 h-1.5 bg-white rounded-full animate-bounce-strong [animation-delay:-0.15s]" />
<div className="w-1.5 h-1.5 bg-white rounded-full animate-bounce-strong" />
</div>
</div>
);
|