Build with VLink

# npm
npm install @vlink/react @vlink/core

# yarn
yarn add @vlink/react @vlink/core

# pnpm
pnpm add @vlink/react @vlink/core

import { VLinkProvider } from '@vlink/react';

function MyApp({ Component, pageProps }) {
  return (
    <VLinkProvider
      merchantId="your_merchant_id"
      environment="production" // or "sandbox"
    >
      <Component {...pageProps} />
    </VLinkProvider>
  );
}

import { VLinkButton } from '@vlink/react';

function Checkout({ order }) {
  return (
    <VLinkButton
      amount={order.total}
      currency="USD"
      orderId={order.id}
      customerEmail={order.customerEmail}
      onSuccess={(payment) => {
        console.log('Payment successful:', payment.transactionHash);
        // Redirect to success page
        router.push('/order/success');
      }}
      onError={(error) => {
        console.error('Payment failed:', error);
      }}
    />
  );
}