import { Body, Drawer, Box, Button, Heading, Logo, CloudImage, } from '@biom3/react'; import { useTranslation } from 'react-i18next'; import { Environment } from '@imtbl/config'; import { getImxTokenImage } from '../../lib/utils'; import { containerStyles, contentTextStyles, actionButtonStyles, actionButtonContainerStyles, logoContainerStyles, } from './NotEnoughImxStyles'; type NotEnoughImxProps = { environment: Environment; visible: boolean; showAdjustAmount: boolean; hasZeroImx: boolean; onCloseDrawer?: () => void; onAddCoinsClick: () => void; }; export function NotEnoughImx({ environment, visible, showAdjustAmount, hasZeroImx, onCloseDrawer, onAddCoinsClick, }: NotEnoughImxProps) { const { t } = useTranslation(); const imxLogo = getImxTokenImage(environment); return ( )} /> {t(`drawers.notEnoughImx.content.${hasZeroImx ? 'noImx' : 'insufficientImx'}.heading`)} {t(`drawers.notEnoughImx.content.${hasZeroImx ? 'noImx' : 'insufficientImx'}.body`)} {showAdjustAmount && ( )} ); }