import { StartPayButton, StartPayProvider } from "startbutton-payment-gateway";

const customer = {
  name: "Pradeep Kumar",
  email: "test@example.com",
  phone: "9999999999"
};

export const BasicPaymentExample = () => (
  <StartPayProvider
    config={{
      publicKey: "pk_test_xxxxx",
      environment: "sandbox",
      apiBaseUrl: "https://api.example.com",
      mode: "popup",
      timeout: 30000
    }}
  >
    <StartPayButton
      amount={1500}
      currency="INR"
      orderId="ORDER_1001"
      customer={customer}
      metadata={{
        applicationId: 16871,
        service: "visa-booking"
      }}
      loadingText="Processing..."
      successText="Payment Done"
      failureText="Try Again"
      onPaymentAuthorized={(response) => console.log("Payment authorized", response)}
      onPaymentDeclined={(response) => console.log("Payment declined", response)}
      onPaymentAborted={(response) => console.log("Payment cancelled", response)}
      onPaymentException={(response) => console.log("Payment exception", response)}
      onPaymentSettled={(response) => console.log("Payment settled", response)}
    >
      Start Payment
    </StartPayButton>
  </StartPayProvider>
);