Typing Indicator

struct TypingIndicator: View {
    
    let delay: Double = 0.3
    @State private var isAnimating = false
    let pointSize: CGFloat = 10
    let pointSpacing: CGFloat = 4
    let accentColor: Color = .blue
    
    var body: some View {
        HStack(spacing: pointSpacing) {
            ForEach(0..<3) { index in
                Circle()
                    .frame(width: pointSize, height: pointSize)
                    .foregroundStyle(accentColor)
                    .scaleEffect(isAnimating ? 1 : 0.6)
                    .animation(.easeInOut(duration: 0.6).repeatForever(autoreverses: true).delay(delay * Double(index)), value: isAnimating)
            }
        }
        .padding()
        .background(accentColor.opacity(0.3), in: Capsule())
        .onAppear {
            isAnimating = true
        }
    }
}

#Preview {
    TypingIndicator()
}