import {SmartyPayMetamaskProvider} from 'smartypay-client-metamask';
import {useConnectToWalletCallback, useSmartyApiLocked} from 'smartypay-client-subscriptions-react';


export function MetamaskConnectButton(){

  const isSmartyApiLocked = useSmartyApiLocked();
  const connectToMetamask = useConnectToWalletCallback(SmartyPayMetamaskProvider);

  return (
    <>
      <button
        disabled={isSmartyApiLocked}
        onClick={connectToMetamask}
      >
        Metamask
      </button>
    </>
  )
}