import { AddressZero } from '@ethersproject/constants'
import { Amount, Token } from '@sushiswap/currency'
import { useMemo } from 'react'
import { erc20ABI, useContractRead } from 'wagmi'

export function useERC20Allowance(
  watch: boolean,
  token?: Token,
  owner?: string,
  spender?: string
): Amount<Token> | undefined {
  const args = useMemo(() => [owner, spender], [owner, spender])
  const { data } = useContractRead({
    addressOrName: token?.address ?? AddressZero,
    contractInterface: erc20ABI,
    functionName: 'allowance',
    args,
    watch,
    enabled: !!token,
  })

  return data && token ? Amount.fromRawAmount(token, data.toString()) : undefined
}