MultiStepsView.swift

struct MultiStepsView <T, Content: View> : View where T: Swift.CaseIterable {
    @Binding var steps: [T]
    let extraContent : [String]?
    let extraContentPosition : ExtraContentPosition?
    let extraContentSize : CGSize?
    let action : (Int) -> Void
    @ViewBuilder let content: () -> Content
    
    @State var numberOfSteps : Int = 0
    @State var widthOfLastItem = 0.0
    @State var images : [UIImage] = []
    
    @ViewBuilder
    var body: some View {
        VStack {
            HStack {
                ForEach(0..<numberOfSteps, id: \.self) { index in
                    ZStack {
                        HStack(spacing: 0) {
                            VStack {
                                if let extraContent = extraContent, extraContentPosition == .above {
                                    ExtraStepContent(index: index, color: index < steps.count ? .accentColor :.gray, extraContent: extraContent, extraContentSize: extraContentSize)
                                }
                                content().foregroundColor(index < steps.count ? .accentColor :.gray)
                            }
                            if let extraContent = extraContent, extraContentPosition == .inline {
                                ExtraStepContent(index: index, color: index < steps.count ? .accentColor :.gray, extraContent: extraContent, extraContentSize: extraContentSize)
                            }
                        }
                    }.overlay {
                        if let extraContent = extraContent, extraContentPosition == .onTop , index < steps.count {
                            ExtraStepContent(index: index, color: .accentColor, extraContent: extraContent, extraContentSize: extraContentSize)
                        }
                    }
                    .onTapGesture {
                        action(index)
                    }
                }
            }
        }.onAppear() {
            numberOfSteps = type(of: steps).Element.self.allCases.count
        }
    }
}