Payment Links

Prompt for AI Assistant:

I want to add Peeap Payment Links to my app. Here are the details:

## Installation
npm install @peeap/widgets

## Components Available
1. PaymentLinkCreator - Widget to create payment links
2. PaymentLinkButton - Simple button that opens payment modal
3. PaymentPage - Full hosted payment page component

## Basic Usage - Payment Link Creator
import { PaymentLinkCreator } from '@peeap/widgets'

function CreatePaymentLink() {
  return (
    <PaymentLinkCreator
      apiKey="pk_live_YOUR_API_KEY"
      merchantId="YOUR_MERCHANT_ID"
      onLinkCreated={(link) => {
        console.log('Link URL:', link.url)
        // Copy to clipboard, share via WhatsApp, etc.
      }}
    />
  )
}

## Basic Usage - Payment Button
import { PaymentLinkButton } from '@peeap/widgets'

// Add a "Pay Now" button anywhere
<PaymentLinkButton
  apiKey="pk_live_YOUR_API_KEY"
  amount={50.00}
  currency="USD"
  description="Premium Subscription"
  onSuccess={(payment) => console.log('Paid:', payment)}
>
  Pay $50.00
</PaymentLinkButton>

## PaymentLinkCreator Props
- apiKey (required): Your Peeap public API key
- merchantId (required): Your merchant business ID
- defaultAmount: number - Pre-fill amount
- defaultDescription: string - Pre-fill description
- allowCustomAmount: boolean (default: true)
- expiryOptions: number[] - Expiry hour options
- onLinkCreated: (link) => void
- onError: (error) => void

## PaymentLinkButton Props
- apiKey (required): Your Peeap public API key
- amount (required): Payment amount
- currency: string (default: 'USD')
- description: string - Payment description
- metadata: object - Custom data to attach
- onSuccess: (payment) => void
- onError: (error) => void
- children: ReactNode - Button content

Please integrate this into my app with [describe your requirements].