import React from 'react';
import { useChain138 } from './useChain138';

export function Chain138Button() {
  const { isConnected, isLoading, connect } = useChain138();

  if (isLoading) {
    return <button disabled>Loading...</button>;
  }

  if (isConnected) {
    return <button disabled>Connected to ChainID 138</button>;
  }

  return (
    <button onClick={connect}>
      Connect to ChainID 138
    </button>
  );
}