Introduction

import { useAuth, useWallet } from "@crossmint/client-sdk-react-ui";

export default function WalletDemo() {
  const { login, user } = useAuth();
  const { wallet } = useWallet();

  if (!user) {
    return <button onClick={login}>Sign In</button>;
  }

  return (
    <div>
      <p>Welcome {user.email}!</p>
      <p>Wallet: {wallet?.address}</p>
      <button onClick={() => wallet?.send(recipient, "usdc", "10")}>
        Send 10 USDC
      </button>
    </div>
  );
}