Onboard anyone to CKB with an email address.

import {
  KeyWayProvider, useKeyWay, useCkbWallet, useFiber,
} from "@ckb-keyway/react";

export function Providers({ children }) {
  return (
    <KeyWayProvider appId="keyway_8fK2mQ7xL1pVn4sR9tYc0bWd">
      {children}
    </KeyWayProvider>
  );
}

export function Checkout({ invoice }) {
  const { authenticated, login } = useKeyWay();
  const { balance } = useCkbWallet();
  const fiber = useFiber();

  if (!authenticated) return <button onClick={login}>Sign in</button>;
  return <button onClick={() => fiber.payInvoice(invoice)}>Pay</button>;
}