import { Currency } from '@envanik/sdk';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { Text } from 'src/components/Text';
import RemoveLiquidity from '../RemoveLiquidity';
import { Wrapper } from './styleds';

interface Props {
  currencyA: Currency;
  currencyB: Currency;
}

export default function RemoveLiquidityWidget({ currencyA, currencyB }: Props) {
  const { t } = useTranslation();

  return (
    <Wrapper>
      <Text color="drawer.text" fontSize={21} fontWeight={800}>
        {t('navigationTabs.removeLiquidity')}
      </Text>
      <RemoveLiquidity currencyA={currencyA} currencyB={currencyB} />
    </Wrapper>
  );
}
