import * as React from "react";
import Button from "./Button";
import Core from "../core";

class ConnectButton extends React.Component<any, any> {
  public core: Core;

  constructor(props: any) {
    super(props);
    this.core = new Core({
      network: props.network,
      lightboxOpacity: props.lightboxOpacity,
      providerOptions: props.providerOptions
    });
    this.core.on("connect", props.onConnect);
    this.core.on("close", props.onClose);
    this.core.on("error", props.onError);
  }

  public render = () => {
    return (
      <Button onClick={this.core.toggleModal}>
        {this.props.label || "Connect"}
      </Button>
    );
  };
}

export default ConnectButton;