// 1. 添加一个 Provider 在 adapter 外层
<SIWEProvider {...siweConfig}>
  <WagmiWeb3ConfigProvider>
    ...
  </WagmiWeb3ConfigProvider>
</SIWEProvider>

// 2. siweConfig 支持的 api
{
  // required
  getNonce: () => Promise<string>;// 获取 nonce 
  createMessage: (args: { nonce: string; address: string; chainId: number }) => string; // 构建签名内容
  verifyMessage: (args: { message: string; signature: string }) => Promise<boolean>; // 验证签名
  getSession: () => Promise<{address: string, chainId: number} | null>; // 获取连接信息
  signOut: () => Promise<boolean>; // 签名失效的请求

  // options
  onSignIn?: (session?: SIWESession) => void; // 签名成功的回调
  onSignOut?: () => void; // 签名失效请求成功后的回调
}

// 3. 如何使用消费

const useSIWE = () => {
  enum StatusState {
    READY = 'ready',
    LOADING = 'loading',
    SUCCESS = 'success',
    REJECTED = 'rejected',
    ERROR = 'error',
  }

  return {
    status: StatusState, // 返回当前 SIWE 的状态
    signOut, // 包装后的签名失效回调
    signIn,  // 包装后的签名函数
  }
}

const SignMessageContent = () => {
  const {signIn} = useSIWE();

  return (
    <SIWEProvider {...siweConfig}>
      <WagmiWeb3ConfigProvider>
      <Connector
        onConnected={() => {
          signIn()
        }}
      >
        <ConnectButton />
      </Connector>
      </WagmiWeb3ConfigProvider>
    </SIWEProvider>
  )
}