import { Body, Box, ButtCon, Button, CloudImage, Drawer, Heading, } from '@biom3/react'; import { Checkout } from '@imtbl/checkout-sdk'; import { Environment } from '@imtbl/config'; import { useTranslation } from 'react-i18next'; import { getRemoteImage } from '../../lib/utils'; export interface UnableToConnectDrawerProps { visible: boolean; checkout: Checkout; onCloseDrawer: () => void; onTryAgain?: () => void; } export function UnableToConnectDrawer({ visible, checkout, onCloseDrawer, onTryAgain, }: UnableToConnectDrawerProps) { const { t } = useTranslation(); const walletErrorYellowUrl = getRemoteImage( checkout.config.environment ?? Environment.PRODUCTION, '/walleterroryellow.svg', ); return ( )} /> {t('drawers.walletConnectionError.unableToConnect.heading')} {t('drawers.walletConnectionError.unableToConnect.body')} ); }