1  import { Trans } from '@lingui/macro';
 2  import React from 'react';
 3  import { UserAuthenticated } from 'src/components/UserAuthenticated';
 4  import { ModalContextType, ModalType, useModalContext } from 'src/hooks/useModal';
 5  
 6  import { BasicModal } from '../../primitives/BasicModal';
 7  import { ModalWrapper } from '../FlowCommons/ModalWrapper';
 8  import { CollateralChangeModalContent } from './CollateralChangeModalContent';
 9  
10  export const CollateralChangeModal = () => {
11    const { type, close, args } = useModalContext() as ModalContextType<{
12      underlyingAsset: string;
13    }>;
14    return (
15      <BasicModal open={type === ModalType.CollateralChange} setOpen={close}>
16        <ModalWrapper title={<Trans>Review tx</Trans>} underlyingAsset={args.underlyingAsset}>
17          {(params) => (
18            <UserAuthenticated>
19              {(user) => <CollateralChangeModalContent {...params} user={user} />}
20            </UserAuthenticated>
21          )}
22        </ModalWrapper>
23      </BasicModal>
24    );
25  };