import { useContext } from 'react';
import { Body, Box, Heading } from '@biom3/react';
import { useTranslation } from 'react-i18next';
import { ChainId, ThemeOverrides } from '@imtbl/checkout-sdk';
import { FooterLogo } from '../../../components/Footer/FooterLogo';
import { HeaderNavigation } from '../../../components/Header/HeaderNavigation';
import { SimpleLayout } from '../../../components/SimpleLayout/SimpleLayout';
import { WalletList } from '../components/WalletList';
import { ConnectContext } from '../context/ConnectContext';
export interface ConnectWalletProps {
targetWalletRdns?: string,
targetChainId: ChainId;
allowedChains: ChainId[];
allowlistWalletRdns?: string[];
blocklistWalletRdns: string[];
checkNetwork: boolean;
showBackButton?: boolean;
onBackButtonClick?: () => void;
themeOverrides: ThemeOverrides;
}
export function ConnectWallet({
targetWalletRdns,
targetChainId,
allowedChains,
allowlistWalletRdns,
blocklistWalletRdns,
checkNetwork,
showBackButton,
onBackButtonClick,
themeOverrides,
}: ConnectWalletProps) {
const { t } = useTranslation();
const {
connectState: { sendCloseEvent },
} = useContext(ConnectContext);
return (
)}
footer={}
>
{t('views.CONNECT_WALLET.body.heading')}
{t('views.CONNECT_WALLET.body.content')}
);
}