Deposit and Withdraw

import { useInterwovenKit } from '@initia/interwovenkit-react'

function TransferButtons() {
  const { openDeposit, openWithdraw } = useInterwovenKit()

  return (
    <>
      <button
        onClick={() =>
          openDeposit({ denoms: ['uinit'], chainId: 'interwoven-1' })
        }
      >
        Open deposit
      </button>
      <button
        onClick={() =>
          openWithdraw({ denoms: ['uinit'], chainId: 'interwoven-1' })
        }
      >
        Open withdraw
      </button>
    </>
  )
}

import { useInterwovenKit } from '@initia/interwovenkit-react'

function ScopedTransferButtons() {
  const { address, openDeposit, openWithdraw } = useInterwovenKit()

  const assetOptions = [
    {
      denom: 'uinit',
      chainId: 'interwoven-1',
    },
    {
      denom: 'uinit',
      chainId: 'my-rollup-1',
    },
  ]

  if (!address) return null

  return (
    <>
      <button
        onClick={() =>
          openDeposit({
            denoms: ['uinit'],
            chainId: 'interwoven-1',
            srcOptions: assetOptions,
            recipientAddress: address,
          })
        }
      >
        Deposit INIT
      </button>
      <button
        onClick={() =>
          openWithdraw({
            denoms: ['uinit'],
            chainId: 'interwoven-1',
            dstOptions: assetOptions,
            recipientAddress: address,
          })
        }
      >
        Withdraw INIT
      </button>
    </>
  )
}