import { Body, Box, Button, Drawer, Heading, } from '@biom3/react'; import { useTranslation } from 'react-i18next'; import { RouteData } from '../../lib/squid/types'; import { NoGasHero } from '../Hero/NoGasHero'; export function NotEnoughGasDrawer({ visible, routeData, onTryAgainClick, onToolkitClick, }: { visible: boolean; routeData?: RouteData; onTryAgainClick: () => void; onToolkitClick: () => void; }) { const { t } = useTranslation(); const tokenName = routeData?.route.route.estimate.gasCosts[0].token.symbol ?? ''; return ( {t('views.ADD_TOKENS.noGasDrawer.heading', { token: tokenName })} {t('views.ADD_TOKENS.noGasDrawer.body')} ); }