<EtherspotTokenTransferTransaction />

// In your functional component or elsehwere
const onEstimateReceiver = (estimationData) => {
  console.log(
    'This is the cost estimate for all the batches',
    estimationData,
  );
}

// In your render or as a component...
<EtherspotBatches onEstimated={onEstimateReceiver}>
  <EtherspotBatch>
    {/*
      The following <EtherspotTokenTransferTransaction />
      component will transfer 5 USDC from the built-in
      Etherspot Smart Wallet account to the receiverAddress.
      
      In the example below:
      
      - The tokenAddress is the USDC contract address
        on Ethereum
      - The receiverAddress is the destination of the
        token amount being transferred
      - The value determines how much of the USDC is
        being transferred to the receiverAddress
    */}
    <EtherspotTokenTransferTransaction
      tokenAddress={'0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48'}
      receiverAddress={'0x0763d68dd586AB1DD8Be2e00c514B2ac8757453b'}
      value={'5'}
    />
    {/*
      You can add more <Etherspot*Transaction />
      components here, and they will all be executed
      together and at the same time (i.e. as part of
      this batch).
    */}
  </EtherspotBatch>
</EtherspotBatches>