import { KhaimeCheckout } from '@khaime/react';

<KhaimeCheckout
  token={checkoutToken}
  onSuccess={(result) => console.log('Paid!')}
/>

┌─────────────────┐         ┌─────────────────┐
│   Your Backend  │ ──────► │   Khaime API    │
│                 │         │                 │
│ Create payment  │         │ Returns: token  │
└─────────────────┘         └─────────────────┘
                                    │
                                    ▼
                            ┌─────────────────┐
                            │  Your Frontend  │
                            │                 │
                            │ <KhaimeCheckout │
                            │   token={token} │
                            │ />              │
                            └─────────────────┘
                                    │
                    ┌───────────────┼───────────────┐
                    ▼               ▼               ▼
              ┌──────────┐   ┌──────────┐   ┌──────────┐
              │  Stripe  │   │ Paystack │   │ Redirect │
              │ (embed)  │   │ (popup)  │   │  (URL)   │
              └──────────┘   └──────────┘   └──────────┘