import React from 'react';
import { Chain138Button } from './Chain138Button';
import { AddTokenButton } from './AddTokenButton';

function App() {
  return (
    <div style={{ padding: '20px' }}>
      <h1>ChainID 138 MetaMask Integration Example</h1>
      
      <h2>Network</h2>
      <Chain138Button />
      
      <h2>Tokens</h2>
      <AddTokenButton
        address="0xYourWETHAddress" // Update after deployment
        symbol="WETH"
        decimals={18}
        image="https://explorer.d-bis.org/images/tokens/weth.png"
      />
    </div>
  );
}

export default App;

