SwiftUI Code for Timer Button

import SwiftUI

struct ContentView: View {
    @State var percent: CGFloat = 0.0
    @State private var isTimerRunning = false
    @State private var timeRemaining = 10
    let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()
    var body: some View {
        CustomProgressView(percent: self.$percent, timeRemaining: self.$timeRemaining)
            .onTapGesture {
                resetAndStartTimer()
            }
            .animation(.linear(duration: 1), value: percent)

        Button(action: {
//            resetAndStartTimer()
        }) {
            Text(isTimerRunning ? "Restart Timer" : "Start Timer")
                .font(.headline)
                .padding()
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(10)
        }
        .padding()
        .onReceive(timer) { _ in
            updateTimer()
        }

    }

    private func resetAndStartTimer() {
        percent = 1.0
        timeRemaining = 10
        isTimerRunning = true
    }
    private func updateTimer(){
        guard isTimerRunning ,timeRemaining > 0 else {return}
        timeRemaining -= 1
        percent = CGFloat(timeRemaining)/10.0

        if timeRemaining == 0 {
            isTimerRunning = false
        }

    }
}

#Preview {
    ContentView()
}


struct CustomProgressView: View {
    @Binding var percent: CGFloat
    @Binding var timeRemaining: Int
        var body: some View {
            VStack {

                ZStack(alignment: .leading) {
                    RoundedRectangle(cornerRadius: 12)
                        .fill(Color.init(hex: "#BD7B00"))
                        .offset(y: 3)
                    RoundedRectangle(cornerRadius: 12)
                        .fill(Color.init(hex: "#D98D00"))

                    RoundedRectangle(cornerRadius: 10)
                        .fill(Color.init(hex: "#FCAB18"))
                        .onTapGesture {
                            print("Hii you tapped me")
                        }
                        .frame(width: calculatePercent())
                        .clipped(antialiased: true)

                }

                .overlay(
                    Text("Play again(\(timeRemaining))s")
                        .font(.subheadline)
                        .animation(nil)
                )


            }
            .frame(width: 250, height: 60)


        }
        func calculatePercent()  -> CGFloat{
            let width = 250.00
            return width * self.percent
        }
}