## Install

```bash
npm install zeepway-react

Usage

import React, { useState } from "react";
import ZeepLayout from "zeepway-react";
import "zeepway-react/dist/index.css";

function Example() {
  const [paymentModal, setPaymentModal] = useState(false);

  const showModal = () => {
    setPaymentModal(true);
  };

  const closeModal = () => {
    setPaymentModal(false)
  };

  return(
    // This butoon triggers the payment modal using useState
     <button onClick={showModal}>
        Make Payment
      </button>

        <ZeepLayout
          api_key={"xxxxxxxxxxxxx"} //takes user's api key
          amount={1000} //takes amount to be paid
          email="mail" //tales customer email
          name="john doe" //takes customer name
          clientRef="clientRef" //takes clientref
          chargeUser={"true/false"} //takes boolean, if true customer will be charged for payment fee
          redirect_link="redirect link" //takes link to redirect customer to after payment is done
          onShow={paymentModal} //takes boolean to display modal on click of button
          onHide={closeModal} //takes a function for closing the modal
        />
  )
}

Payload Example

  payload: {
    api_key={`TEST_PUK_1b63b8649c4dccf88170137e2e000475ef22beb855e1cd21a5`}
    amount={40.05}
    email="[email protected]"
    name="John"
    clientRef="erioro"
    chargeUser={false}
    redirect_link="https://google.com"
    onShow={paymentModal}
    onHide={closeModal}
  }

License

MIT ©️ [Payeep by Paymi Solutions] (https://payzeep.com)