import * as React from 'react';
import { TomoProvider } from '../src';
import BiomerticActions from './components/BiometricActions';
import ConfigActions from './components/ConfigActions';
import Mfa from './components/Mfa';
import TelegramActions from './components/TelegramActions';
import TransactionActions from './components/TransactionActions';
import UserInfoActions from './components/UserInfoActions';
import SendEVMTransaction from './components/SendEVMTransaction';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { WagmiProvider } from 'wagmi';
import { createConfig, http } from 'wagmi';
import { mainnet, sepolia } from 'wagmi/chains';
import SendSOLANATransaction from './components/SendSOLANATransaction';
import SendBTCTransaction from './components/SendBTCTransaction';
import SendTONTransaction from './components/SendTONTransaction';

export const config = createConfig({
  chains: [mainnet, sepolia],
  transports: {
    [mainnet.id]: http(),
    [sepolia.id]: http(),
  },
});

const queryClient = new QueryClient();

import PaymentPasswdActions from './components/PaymentPasswdActions';
import Transactions from './components/Transactions';
import Chains from './components/Chains';
import Balance from './components/Balance';
import SwapTokens from './components/SwapTokens';
import OnRamp from './components/OnRamp';
export default function Demo() {
  const tmaUserid = '1724167815691164884';
  const tmaKey =
    '9eef2af56006385f28723f7c8241ffe35535a45172f7ddcf80e63a5a790ac485';

  return (
    <QueryClientProvider client={queryClient}>
      <WagmiProvider config={config}>
        <TomoProvider tmaid={tmaUserid} tmakey={tmaKey} env={'main'}>
          <ConfigActions />
          <TelegramActions />
          <UserInfoActions />
          <PaymentPasswdActions />
          <BiomerticActions />
          <Mfa />
          <TransactionActions />
          <SendEVMTransaction />
          <SendSOLANATransaction />
          <SendBTCTransaction />
          <SendTONTransaction />
          <Transactions />
          <Chains />
          <Balance />
          <SwapTokens />
          <OnRamp />
        </TomoProvider>
      </WagmiProvider>
    </QueryClientProvider>
  );
}
