Other Use Cases

// components/BaseAccountFeatures.tsx
import { useBaseAccountProvider } from '../hooks/useBaseAccountProvider'
import { useAccount } from 'wagmi'

export function BaseAccountFeatures() {
  const { address, isConnected } = useAccount()
  const provider = useBaseAccountProvider()

  const callProviderMethod = async (method: string, params: any[]) => {
    if (!provider) {
      console.error('Provider not available')
      return
    }

    try {
      const result = await provider.request({
        method,
        params
      })
      console.log(`${method} result:`, result)
      return result
    } catch (error) {
      console.error(`${method} error:`, error)
      throw error
    }
  }

  if (!isConnected) {
    return <p>Please connect your wallet to access Coinbase Wallet features</p>
  }

  return (
    <div className="space-y-4">
      <h2 className="text-xl font-bold">Coinbase Wallet Features</h2>
      <p className="text-gray-600">
        Connected with Coinbase Wallet provider. You can now access advanced features.
      </p>
    </div>
  )
}