gistfile1.txt

struct WithAnimationPaymentChallenge: View {
    @State private var scalePayment: Bool = false
    @State private var moveUpAndRight: Bool = false
    @State private var moveDownAndRight: Bool = false
    
    var body: some View {
        VStack {
            Text("Payment App")
                .font(.largeTitle)
                .fontWeight(.semibold)
                .padding(.bottom, 40)
            
            RoundedRectangle(cornerRadius: 20)
                .frame(width: 350, height: 150)
                .foregroundColor(.gray)
                .opacity(0.2)
                .overlay(content: {
                    VStack(alignment: .leading, spacing: 15) {
                        Text("Payment Request")
                            .font(.title2)
                            .fontWeight(.semibold)
                        
                        Text("Person XYZ wants you to transfer 100 dollars to their account.")
                            .font(.title3)
                    }
                    .padding()
                })
                .scaleEffect(scalePayment ? 0 : 1)
                .offset(x: moveUpAndRight ? 45 : 0, y: moveUpAndRight ? -50 : 0)
                .offset(x: moveDownAndRight ? 90 : 0, y: moveDownAndRight ? 650 : 0)
            
            Spacer()
            
            Button(action: {
                withAnimation(.easeInOut(duration: 6)) {
                    scalePayment = true
                }
                
                withAnimation(.easeInOut(duration: 2)) {
                    moveUpAndRight = true
                }
                
                withAnimation(.easeInOut(duration: 4).delay(2)) {
                    moveDownAndRight = true
                }
            }, label: {
                Text("Accept Request")
                    .font(.title)
                    .foregroundColor(.white)
                    .background(
                        Color.green
                            .frame(width: 230, height: 55)
                            .cornerRadius(10)
                    )
            })
        }
    }
}