aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/ui/overlay.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components/ui/overlay.tsx')
-rw-r--r--packages/instant/src/components/ui/overlay.tsx36
1 files changed, 0 insertions, 36 deletions
diff --git a/packages/instant/src/components/ui/overlay.tsx b/packages/instant/src/components/ui/overlay.tsx
deleted file mode 100644
index 0b1be6a65..000000000
--- a/packages/instant/src/components/ui/overlay.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import * as _ from 'lodash';
-
-import { generateMediaWrapper, ScreenWidths } from '../../style/media';
-import { generateOverlayBlack, styled } from '../../style/theme';
-import { zIndex } from '../../style/z_index';
-
-export interface OverlayProps {
- zIndex?: number;
- backgroundColor?: string;
- width?: string;
- height?: string;
- showMaxWidth?: ScreenWidths;
-}
-
-export const Overlay = styled.div<OverlayProps>`
- && {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: ${props => props.zIndex}
- background-color: ${props => props.backgroundColor};
- ${props => props.width && `width: ${props.width};`}
- ${props => props.height && `height: ${props.height};`}
- display: ${props => (props.showMaxWidth ? 'none' : 'block')};
- ${props => props.showMaxWidth && generateMediaWrapper(props.showMaxWidth)`display: block;`}
- }
-`;
-
-Overlay.defaultProps = {
- zIndex: zIndex.overlayDefault,
- backgroundColor: generateOverlayBlack(0.7),
-};
-
-Overlay.displayName = 'Overlay';