@if ($typing)
    <div class="flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-300">
        <span>печатает</span>
        <span class="flex gap-0.5">
            <span class="h-1 w-1 animate-bounce rounded-full bg-current"></span>
            <span class="h-1 w-1 animate-bounce rounded-full bg-current [animation-delay:120ms]"></span>
            <span class="h-1 w-1 animate-bounce rounded-full bg-current [animation-delay:240ms]"></span>
        </span>
    </div>
@endif