\n {fiatValue ? (\n <>\n ≈$
{fiatValue?.toSignificant(6, { groupSeparator: ',' })}
\n >\n ) : (\n ''\n )}\n {priceImpact ?
{priceImpact.multiply(-1).toSignificant(3)}% : null}\n
\n )\n}\n","import { Currency, CurrencyAmount, Pair, Percent, Token } from '@sushiswap/core-sdk'\nimport React, { ReactNode, useCallback, useState } from 'react'\nimport { classNames, formatCurrencyAmount } from '../../functions'\n\nimport Button from '../Button'\nimport { ChevronDownIcon } from '@heroicons/react/outline'\nimport CurrencyLogo from '../CurrencyLogo'\nimport CurrencySearchModal from '../../modals/SearchModal/CurrencySearchModal'\nimport DoubleCurrencyLogo from '../DoubleLogo'\nimport { FiatValue } from './FiatValue'\nimport Input from '../Input'\nimport Lottie from 'lottie-react'\nimport selectCoinAnimation from '../../animation/select-coin.json'\nimport { t } from '@lingui/macro'\nimport { useActiveWeb3React } from '../../services/web3'\nimport { useCurrencyBalance } from '../../state/wallet/hooks'\nimport { useLingui } from '@lingui/react'\n\ninterface CurrencyInputPanelProps {\n value?: string\n onUserInput?: (value: string) => void\n onMax?: () => void\n showMaxButton: boolean\n label?: string\n onCurrencySelect?: (currency: Currency) => void\n currency?: Currency | null\n disableCurrencySelect?: boolean\n hideBalance?: boolean\n pair?: Pair | null\n hideInput?: boolean\n otherCurrency?: Currency | null\n fiatValue?: CurrencyAmount