1 files changed, 0 insertions, 100 deletions
diff --git a/packages/website/ts/components/ui/container.tsx b/packages/website/ts/components/ui/container.tsx
deleted file mode 100644
index 778f59f27..000000000
--- a/packages/website/ts/components/ui/container.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { TextAlignProperty } from 'csstype';
-import { darken } from 'polished';
-import * as React from 'react';
-
-import { styled } from 'ts/style/theme';
-
-type StringOrNum = string | number;
-
-export type ContainerTag = 'div' | 'span';
-
-export interface ContainerProps {
-    margin?: string;
-    marginTop?: StringOrNum;
-    marginBottom?: StringOrNum;
-    marginRight?: StringOrNum;
-    marginLeft?: StringOrNum;
-    padding?: StringOrNum;
-    paddingTop?: StringOrNum;
-    paddingBottom?: StringOrNum;
-    paddingRight?: StringOrNum;
-    paddingLeft?: StringOrNum;
-    backgroundColor?: string;
-    background?: string;
-    border?: string;
-    borderTop?: string;
-    borderRadius?: StringOrNum;
-    borderBottomLeftRadius?: StringOrNum;
-    borderBottomRightRadius?: StringOrNum;
-    borderBottom?: StringOrNum;
-    borderColor?: string;
-    children?: React.ReactNode;
-    maxWidth?: StringOrNum;
-    maxHeight?: StringOrNum;
-    width?: StringOrNum;
-    height?: StringOrNum;
-    minWidth?: StringOrNum;
-    minHeight?: StringOrNum;
-    textAlign?: TextAlignProperty;
-    isHidden?: boolean;
-    className?: string;
-    position?: 'absolute' | 'fixed' | 'relative' | 'unset';
-    display?: 'inline-block' | 'block' | 'inline-flex' | 'inline';
-    top?: string;
-    left?: string;
-    right?: string;
-    bottom?: string;
-    zIndex?: number;
-    float?: 'right' | 'left';
-    Tag?: ContainerTag;
-    cursor?: string;
-    id?: string;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    overflowX?: 'scroll' | 'hidden' | 'auto' | 'visible';
-    overflowY?: 'scroll' | 'hidden' | 'auto' | 'visible';
-    shouldDarkenOnHover?: boolean;
-    hasBoxShadow?: boolean;
-    shouldAddBoxShadowOnHover?: boolean;
-}
-
-export const PlainContainer: React.StatelessComponent<ContainerProps> = props => {
-    const {
-        children,
-        className,
-        Tag,
-        isHidden,
-        id,
-        onClick,
-        shouldDarkenOnHover,
-        shouldAddBoxShadowOnHover,
-        hasBoxShadow,
-        // tslint:disable-next-line:trailing-comma
-        ...style
-    } = props;
-    const visibility = isHidden ? 'hidden' : undefined;
-    return (
-        <Tag id={id} style={{ ...style, visibility }} className={className} onClick={onClick}>
-            {children}
-        </Tag>
-    );
-};
-
-const BOX_SHADOW = '0px 3px 10px rgba(0, 0, 0, 0.3)';
-
-export const Container = styled(PlainContainer)`
-    box-sizing: border-box;
-    ${props => (props.hasBoxShadow ? `box-shadow: ${BOX_SHADOW}` : '')};
-    &:hover {
-        ${props =>
-            props.shouldDarkenOnHover
-                ? `background-color: ${props.backgroundColor ? darken(0.05, props.backgroundColor) : 'none'} !important`
-                : ''};
-        ${props => (props.shouldAddBoxShadowOnHover ? `box-shadow: ${BOX_SHADOW}` : '')};
-    }
-`;
-
-Container.defaultProps = {
-    Tag: 'div',
-};
-
-Container.displayName = 'Container';