import { Body, Box, Button, CloudImage, Drawer, Heading, } from '@biom3/react'; import { useTranslation } from 'react-i18next'; import { useContext } from 'react'; import { ETH_TOKEN_SYMBOL } from '../../lib'; import { getEthTokenImage } from '../../lib/utils'; import { BridgeContext } from '../../widgets/bridge/context/BridgeContext'; import { actionButtonContainerStyles, actionButtonStyles, containerStyles, contentTextStyles, } from './NotEnoughEthToWithdrawStyles'; export interface NotEnoughEthToWithdrawProps { visible: boolean, onClose: () => void, onChangeAccount: () => void, } export function NotEnoughEthToWithdraw({ visible, onClose, onChangeAccount, }: NotEnoughEthToWithdrawProps) { const { t } = useTranslation(); const { bridgeState: { checkout } } = useContext(BridgeContext); const ethLogo = getEthTokenImage(checkout.config.environment); return ( )} /> {/* eslint-disable-next-line max-len */} {`${t('drawers.notEnoughEthWithdrawal.content.heading1')} ${ETH_TOKEN_SYMBOL} ${t('drawers.notEnoughEthWithdrawal.content.heading2')}`} {/* eslint-disable-next-line max-len */} {`${t('drawers.notEnoughEthWithdrawal.content.body1')} ${ETH_TOKEN_SYMBOL} ${t('drawers.notEnoughEthWithdrawal.content.body2')}`} ); }