import {ErrorBoundary, SuspenseBoundary} from '@yoroi/common'
import {Claim} from '@yoroi/types'
import * as React from 'react'
import {QueryClient, QueryClientProvider} from 'react-query'
import {ClaimProvider} from '../translators/reactjs/provider/ClaimProvider'
import {ClaimState} from '../translators/reactjs/state/state'

type Props = {
  queryClient: QueryClient
  claimManager: Claim.Manager
  initialState?: ClaimState
}

export const wrapperMaker =
  ({queryClient, claimManager, initialState}: Props) =>
  ({children}: {children: React.ReactNode}) =>
    (
      <QueryClientProvider client={queryClient}>
        <ErrorBoundary>
          <SuspenseBoundary>
            <ClaimProvider manager={claimManager} initialState={initialState}>
              {children}
            </ClaimProvider>
          </SuspenseBoundary>
        </ErrorBoundary>
      </QueryClientProvider>
    )