     let shieldSymbol = UIImage.systemImage("lock.shield.fill", tintColor: .systemOrange)
 
     let otherOptions = [
-      Item(title: passwordless.rawValue, image: lockSymbol),
-      Item(title: phoneNumber.rawValue, image: phoneSymbol),
-      Item(title: anonymous.rawValue, image: anonSymbol),
-      Item(title: custom.rawValue, image: shieldSymbol),
+      Item(title: passwordless.name, image: lockSymbol),
+      Item(title: phoneNumber.name, image: phoneSymbol),
+      Item(title: anonymous.name, image: anonSymbol),
+      Item(title: custom.name, image: shieldSymbol),
     ]
     return Section(footerDescription: "Other authentication methods.", items: otherOptions)
   }

  }

  static var providerSection: Section {
    let providers = self.providers.map { Item(title: $0.rawValue) }
    let header = "Identity Providers"
    let footer = "Choose a login flow from one of the identity providers above."
    return Section(headerDescription: header, footerDescription: footer, items: providers)


  static var emailPasswordSection: Section {
    let image = UIImage(named: "firebaseIcon")
    let item = Item(title: emailPassword.name, hasNestedContent: true, image: image)
    let footer = "A example login flow with password authentication."
    return Section(footerDescription: footer, items: [item])
  }
