import SwiftUI
import Introspect
import OmenTextField

extension Binding {
    func equalTo<A: Equatable>(_ value: A) -> Binding<Bool> where Value == A? {
        Binding<Bool> {
            wrappedValue == value
        } set: {
            if $0 {
                wrappedValue = value
            } else if wrappedValue == value {
                wrappedValue = nil
            }
        }
    }
}

struct ContentView: View {
    @State var content: String = ""
    @State var page2Active: Bool = true
    @State var focus: Focus?
    
    enum Focus {
        case first, second
    }
    
    var body: some View {
        if self.page2Active {
            HStack {
                OmenTextField(
                    "Input",
                    text: $content,
                    isFocused: $focus.equalTo(.first)
                )
            }
            .onAppear {
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.25) {
                    focus = .first
                }
            }
            .frame(width: .infinity, height: 30)
            .background(Color.gray)
            .cornerRadius(20)
            
            Button(action: {
                self.page2Active=false
                }) {
                    Text("switch to page1")
                }
        } else {
            Button(action: {
                self.page2Active=true
                }) {
                    Text("switch to page2")
                }
        }
       
            
    }
}

OmenTextField(
                        "Front",
                        text: $frontText,
                        isFocused: $focus.equalTo(.front),
                        returnKeyType: frontReturnKeyType,
                        onCommit: {
                            focus = .back
                        }
                    )
                    .border(Color(NSColor.gridColor))
                    .background(Color.white)