dependencies: [
    .package(url: "https://github.com/zhuolingzhao007/ValidatedTextField.git", from: "1.0.0")
]

import ValidatedTextField

let textField = ValidatedTextField()

// Set placeholder
textField.placeholder = "Enter your email"

// Configure validation
textField.strategy = ValidationStrategy(
    validator: createValidator {
        // Email validation logic
        Validator { input in
            let emailRegex = "[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,64}"
            let emailPredicate = NSPredicate(format:"SELF MATCHES %@", emailRegex)
            return emailPredicate.evaluate(with: input) ? .valid : .invalid(message: "Invalid email format")
        }
    }
)

// Add to your view
view.addSubview(textField)

// Observe validation state changes
textField.onValidationChanged = { state in
    switch state {
    case .valid:
        print("Input is valid")
    case .invalid(let message):
        print("Validation error: \(message)")
    case .none:
        print("No validation applied")
    }
}

textField.configureStyle { builder in
    builder.backgroundColor(.white)
    builder.custom { $0.textField.textColor = .black }

    builder.layout { patch in
        patch.containerPadding = 16.0
    }

    builder.onInteraction(.editing) { builder in
        builder.custom { $0.layer.borderColor = UIColor.blue.cgColor }
        builder.custom { $0.layer.borderWidth = 2.0 }
    }

    builder.onValidation(.invalid) { builder in
        builder.custom { $0.layer.borderColor = UIColor.red.cgColor }
    }
}

textField.configureStyle { builder in
    // Configure the main view
    builder.backgroundColor(.white)

    // Configure nested textField using NestedBuilder
    builder.configure(\ValidatedTextField.textField) { nested in
        nested.textColor(.black).font(.systemFont(ofSize: 16))
    }
}