Add "Sign in with
Network Coin" to your app.

import { NetworkCoinProvider, useNetworkCoin }
  from '@networkcoin/sdk/react';

function App() {
  return (
    <NetworkCoinProvider
      clientId="your-client-id"
      redirectUri="/callback"
      scope="openid profile email wallet
             offline_access subscription"
    >
      <AuthButtons />
    </NetworkCoinProvider>
  );
}

function AuthButtons() {
  const { user, login, signup, logout, isAuthenticated }
    = useNetworkCoin();

  if (isAuthenticated) return (
    <div>
      <p>Welcome, {user?.name}!</p>
      <p>Plan: {user?.subscription?.plan ?? 'Free'}</p>
      <button onClick={() => logout()}>Sign out</button>
    </div>
  );

  return (
    <div>
      <button onClick={login}>Sign in with Network Coin</button>
      <button onClick={signup}>Sign up with Network Coin</button>
    </div>
  );
}