diff options
Diffstat (limited to 'packages/instant/src/components/zero_ex_instant_overlay.tsx')
-rw-r--r-- | packages/instant/src/components/zero_ex_instant_overlay.tsx | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_overlay.tsx b/packages/instant/src/components/zero_ex_instant_overlay.tsx deleted file mode 100644 index 38a716091..000000000 --- a/packages/instant/src/components/zero_ex_instant_overlay.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import * as React from 'react'; - -import { ZeroExInstantContainer } from '../components/zero_ex_instant_container'; -import { MAIN_CONTAINER_DIV_CLASS, OVERLAY_CLOSE_BUTTON_DIV_CLASS, OVERLAY_DIV_CLASS } from '../constants'; -import { ColorOption } from '../style/theme'; - -import { Container } from './ui/container'; -import { Flex } from './ui/flex'; -import { Icon } from './ui/icon'; -import { Overlay } from './ui/overlay'; -import { ZeroExInstantProvider, ZeroExInstantProviderProps } from './zero_ex_instant_provider'; - -export interface ZeroExInstantOverlayProps extends ZeroExInstantProviderProps { - onClose?: () => void; - zIndex?: number; -} - -export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlayProps> = props => { - const { onClose, zIndex, ...rest } = props; - return ( - <ZeroExInstantProvider {...rest}> - <Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}> - <Flex height="100vh"> - <Container - className={OVERLAY_CLOSE_BUTTON_DIV_CLASS} - position="absolute" - top="0px" - right="0px" - display={{ default: 'initial', sm: 'none' }} - > - <Icon - height={18} - width={18} - color={ColorOption.white} - icon="closeX" - onClick={onClose} - padding="2em 2em" - /> - </Container> - <Container - width={{ default: 'auto', sm: '100%' }} - height={{ default: 'auto', sm: '100%' }} - className={MAIN_CONTAINER_DIV_CLASS} - > - <ZeroExInstantContainer /> - </Container> - </Flex> - </Overlay> - </ZeroExInstantProvider> - ); -}; - -ZeroExInstantOverlay.displayName = 'ZeroExInstantOverlay'; |