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