Typing Indicator

// Typing Indicator · syxUI · https://syxui.dev/components/chat-typing
// Free in any project. Keep this line and credit syxUI where a person can read it.

import SwiftUI

// Typing indicator - three dots in a grey bubble
struct ChatTypingIndicator: View {
    var body: some View {
        HStack {
            HStack(spacing: 5) {
                ForEach(0..<3, id: \.self) { i in
                    Circle().fill(Color.secondary.opacity(i == 1 ? 0.7 : 0.4)).frame(width: 8, height: 8)
                }
            }
            .padding(.horizontal, 16).padding(.vertical, 14)
            .background(Color(.systemGray5), in: RoundedRectangle(cornerRadius: 20, style: .continuous))
            Spacer(minLength: 60)
        }
    }
}