import { DeBoxChat } from '@debox-global/react'

const APP = () => {
  return (
    <DeBoxChat
      config={{
        dao: {
          contractAddress: '0x...',
          chainId: 1 | 56,
          source: 0 | 1
        },
        projectId: 'DeBox projectId ...',
        themeMode: 'dark' | 'light',
        themeColor: 'default' | 'green'
      }}
      client={window.ethereum} // Currently only standard providers are supported. (For example: metamask, walletconnect...)
    />
  )
}

import { useLogin } from '@debox-global/react'

const {
  data: { chainId, address, isConnected, ... },
  login,
  logout
} = useLogin()

import { useTheme } from '@debox-global/react'

const { theme, setTheme } = useTheme()