Pro Benefits VStack with Bounce

import SwiftUI

struct ProBenefitsWBounce: DynamicViewComponent {
    
    @State private var bounce1: Bool = false
    @State private var bounce2: Bool = false
    @State private var bounce3: Bool = false
    
    var body: some View {
        VStack(alignment: .leading, spacing: 10) {
            BenefitRowWBounce(effect: bounce1, benefit: "Unlimited content")
            BenefitRowWBounce(effect: bounce2, benefit: "Unlimited features")
            BenefitRowWBounce(effect: bounce3, benefit: "No Ads")
        }
        .padding()
        .frame(maxWidth: 450, alignment: .leading)
        .onAppear {
            bounce1.toggle()
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
                bounce2.toggle()
            }
            DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
                bounce3.toggle()
            }
        }
    }
}

private struct BenefitRowWBounce: View {
    
    let effect: Bool
    let benefit: String
    
    var body: some View {
        HStack(spacing: 12) {
            Image(systemName: "checkmark.circle.fill")
                .symbolRenderingMode(.multicolor)
                .symbolEffect(.bounce, value: effect)
                .font(.system(size: 22, weight: .medium))
            Text(benefit)
                .multilineTextAlignment(.leading)
        }
        .font(.system(size: 17, weight: .medium))
        .frame(alignment: .leading)
        
    }
}

#Preview {
    ProBenefitsWBounce()
}