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