Components

cardScope.cardNumberConfig = InputFieldConfig(
  label: "Card Number",
  placeholder: "1234 5678 9012 3456",
  styling: PrimerFieldStyling(cornerRadius: 8)
)

@Composable
fun CheckoutScreen(clientToken: String) {
    val checkout = rememberPrimerCheckoutController(clientToken)

    PrimerCheckoutSheet(
        checkout = checkout,
        onEvent = { event ->
            when (event) {
                is PrimerCheckoutEvent.Success -> navigateToConfirmation(event.checkoutData)
                is PrimerCheckoutEvent.Failure -> {
                    Log.e("Checkout", "Failed: ${event.error.description}")
                }
            }
        },
        onDismiss = { navigateBack() },
    )
}

struct CheckoutView: View {
  let clientToken: String

  var body: some View {
    PrimerCheckout(
      clientToken: clientToken,
      primerSettings: PrimerSettings(paymentHandling: .auto),
      primerTheme: PrimerCheckoutTheme(
        colors: ColorOverrides(primerColorBrand: .blue)
      ),
      onCompletion: { state in
        switch state {
        case .success(let result):
          print("Payment: \(result.payment?.id ?? "")")
        case .failure(let error):
          print("Failed: \(error.errorId)")
        case .dismissed:
          print("Dismissed")
        default:
          break
        }
      }
    )
  }
}