import { Layout } from '../layout/Layout';
import { useWalletClient } from 'wagmi';
import { GardenProvider } from '@gardenfi/react-hooks';
import { Environment } from '@gardenfi/utils';
import { Route, Routes } from 'react-router-dom';
import { INTERNAL_ROUTES } from '../constants/constants';
import { SwapPage } from './swap';
import { TransactionsPage } from './transactions';
import { ToastContainer } from 'react-toastify';

export default function App() {
  const { data: walletClient } = useWalletClient();

  return (
    <GardenProvider
      config={{
        environment: Environment.TESTNET,
        wallets: {
          evm: walletClient,
        },
      }}
    >
      <Layout>
      <ToastContainer />
        <Routes>
          {INTERNAL_ROUTES.swap.path.map((path) => (
            <Route key={path} path={path} element={<SwapPage />} />
          ))}
          {INTERNAL_ROUTES.transactions.path.map((path) => (
            <Route key={path} path={path} element={<TransactionsPage />} />
          ))}
        </Routes>
      </Layout>
    </GardenProvider>
  );
}