'use client'
import { BASE_NETWORK, ETH_NETWORK, getBalance } from 'privacycash-evm'
import { useAccount, useChainId } from 'wagmi'
import { useEffect, useState } from 'react'
export function PrivateBalance() {
const { address } = useAccount()
const chainId = useChainId()
const [balance, setBalance] = useState('0')
useEffect(() => {
if (!address) return
const network = chainId === 1 ? ETH_NETWORK : chainId === 8453 ? BASE_NETWORK : undefined
if (!network) return
const signature = localStorage.getItem(`evm_sign_${address}`)
if (!signature) return
getBalance({ signature, address, token: 'eth', network }).then(res => {
setBalance(res.balance)
})
}, [address, chainId])
return <div>Private Balance: {balance} ETH</div>
}