1 files changed, 0 insertions, 104 deletions
diff --git a/packages/website/ts/components/button.tsx b/packages/website/ts/components/button.tsx
deleted file mode 100644
index 31a74e599..000000000
--- a/packages/website/ts/components/button.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import * as React from 'react';
-import { Link as ReactRouterLink } from 'react-router-dom';
-import styled from 'styled-components';
-
-import { ThemeInterface } from 'ts/components/siteWrap';
-
-import { colors } from 'ts/style/colors';
-
-interface ButtonInterface {
-    bgColor?: string;
-    borderColor?: string;
-    color?: string;
-    children?: React.ReactNode | string;
-    isTransparent?: boolean;
-    isNoBorder?: boolean;
-    isNoPadding?: boolean;
-    isWithArrow?: boolean;
-    isAccentColor?: boolean;
-    hasIcon?: boolean | string;
-    isInline?: boolean;
-    href?: string;
-    type?: string;
-    target?: string;
-    to?: string;
-    onClick?: () => any;
-    theme?: ThemeInterface;
-    shouldUseAnchorTag?: boolean;
-}
-
-export const Button: React.StatelessComponent<ButtonInterface> = (props: ButtonInterface) => {
-    const { children, href, isWithArrow, to, shouldUseAnchorTag, target } = props;
-    let linkElem;
-
-    if (href || shouldUseAnchorTag) {
-        linkElem = 'a';
-    }
-    if (to) {
-        linkElem = ReactRouterLink;
-    }
-
-    const Component = linkElem ? ButtonBase.withComponent<any>(linkElem) : ButtonBase;
-    const targetProp = href && target ? { target } : {};
-
-    return (
-        <Component {...props} {...targetProp}>
-            {children}
-
-            {isWithArrow && (
-                <svg width="16" height="15" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M4.484.246l.024 1.411 8.146.053L.817 13.547l.996.996L13.65 2.706l.052 8.146 1.412.024L15.045.315 4.484.246z" />
-                </svg>
-            )}
-        </Component>
-    );
-};
-
-Button.defaultProps = {
-    borderColor: 'rgba(255, 255, 255, .4)',
-};
-
-const ButtonBase = styled.button<ButtonInterface>`
-    appearance: none;
-    border: 1px solid transparent;
-    display: inline-block;
-    background-color: ${props => props.bgColor || colors.brandLight};
-    background-color: ${props => (props.isTransparent || props.isWithArrow) && 'transparent'};
-    border-color: ${props => props.isTransparent && !props.isWithArrow && props.borderColor};
-    color: ${props => (props.isAccentColor ? props.theme.linkColor : props.color || props.theme.textColor)};
-    padding: ${props => !props.isNoPadding && !props.isWithArrow && '18px 30px'};
-    white-space: ${props => props.isWithArrow && 'nowrap'};
-    text-align: center;
-    font-size: ${props => (props.isWithArrow ? '20px' : '18px')};
-    text-decoration: none;
-    cursor: pointer;
-    outline: none;
-    transition: background-color 0.35s, border-color 0.35s;
-
-    // @todo Refactor to use theme props
-    ${props =>
-        props.bgColor === 'dark' &&
-        `
-        background-color: ${colors.brandDark};
-        color: ${colors.white};
-    `}
-
-    svg {
-        margin-left: 9px;
-        transition: transform 0.5s;
-        transform: translate3d(-2px, 2px, 0);
-    }
-
-    path {
-        fill: ${props => (props.isAccentColor ? props.theme.linkColor : props.color || props.theme.textColor)};
-    }
-
-    &:hover {
-        background-color: ${props => !props.isTransparent && !props.isWithArrow && '#04BEA8'};
-        border-color: ${props => props.isTransparent && !props.isNoBorder && !props.isWithArrow && '#00AE99'};
-
-        svg {
-            transform: translate3d(2px, -2px, 0);
-        }
-    }
-`;