react-nomba-checkout-sdk 1.0.0 → 1.0.3

package/src/components/NombaCheckoutButton.tsx

@@ -1,67 +0,0 @@
-import React, { Component } from "react";
-import { NombaCheckoutModal } from "./NombaCheckoutModal";
-
-interface NombaCheckoutButtonProps {
-  orderId: string;
-  buttonText?: string;
-  buttonStyle?: React.CSSProperties;
-  children?: React.ReactNode;
-  onClose: () => void;
-}
-
-interface NombaCheckoutButtonState {
-  showModal: boolean;
-}
-
-class NombaCheckoutButton extends Component<
-  NombaCheckoutButtonProps,
-  NombaCheckoutButtonState
-> {
-  constructor(props: NombaCheckoutButtonProps) {
-    super(props);
-    this.state = {
-      showModal: false,
-    };
-  }
-
-  handleClose = () => {
-    this.setState({ showModal: false });
-    this.props.onClose?.();
-  };
-
-  render() {
-    const { orderId, children, buttonStyle, buttonText } = this.props;
-    const { showModal } = this.state;
-
-    return (
-      <div>
-        <button
-          style={buttonStyle || styles.button}
-          onClick={
-            showModal
-              ? () => this.handleClose()
-              : () => this.setState({ showModal: true })
-          }
-        >
-          {children || buttonText || "Pay with Nomba"}
-        </button>
-
-        {showModal && (
-          <NombaCheckoutModal orderId={orderId} onClose={this.handleClose} />
-        )}
-      </div>
-    );
-  }
-}
-const styles: { [key: string]: React.CSSProperties } = {
-  button: {
-    height: "48px",
-    width: "100%",
-    background: "#ffcc00",
-    fontSize: "16px",
-    fontWeight: 500,
-    borderRadius: "8px",
-  },
-};
-
-export { NombaCheckoutButton };