@akinon/pz-gpay

pz-gpay

Example Usage

File Path: src/views/checkout/steps/payment/options/gpay.tsx

import { GPayOption } from '@akinon/pz-gpay';

export default function GPay() {
  return (
    <GPayOption
      translations={{
        title: 'Pay with GarantiPay',
        description:
          'Click the button below to pay for your order using GarantiPay.',
        button: 'Pay Now'
      }}
      titleClassName="text-4xl"
    />
  );
}

File Path: src/app/[commerce]/[locale]/[currency]/orders/garanti-pay-redirect/page.tsx

import { GarantiPayRedirect } from '@akinon/pz-gpay/src/routes/garanti-pay-redirect';

export default GarantiPayRedirect;

Props

Properties	Type	Description
translations	object	The translations of the component.
containerClassName	string	The CSS class to apply to the container.
titleClassName	string	The CSS class to apply to the title.
descriptionClassName	string	The CSS class to apply to the description.
buttonClassName	string	The CSS class to apply to the button.