import React, { useState } from 'react'
import { CustomerIdAndBiometricsEnrollment } from 'idmission-web-sdk'
 
function getSessionId() {
  return fetch('/api/get-session').then(resp => resp.json()).then(resp => resp.id)
}
 
function MyComponent() {
  const [running, setRunning] = useState(false)
 
  return (
    <>
      <button onClick={() => setRunning(true)}>Start Customer ID and Biometrics Enrollment</button>
 
      {running && (
        <CustomerIdAndBiometricsEnrollment
          sessionId={getSessionId}
          enrollmentId="some-guy"
        />
      )}
    </>
  )
}

function getSessionId() {
  return fetch('/api/get-session').then(resp => resp.json()).then(resp => resp.id)
}
 
IDmissionSDK.renderCustomerIdAndBiometricsEnrollment('#target-element', {
  sessionId: getSessionId,
  enrollmentId: "some-guy"
})