Add transparent button

2 files changed, 7 insertions, 5 deletions

diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx
index df784b8ef..050d87bb0 100644
--- a/packages/website/ts/@next/components/button.tsx
+++ b/packages/website/ts/@next/components/button.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { colors } from 'ts/style/colors';
 
-export interface Props extends ButtonInterface {
+export interface Props {
     text: string;
     transparent?: boolean;
     inline?: boolean;
@@ -43,11 +43,12 @@ export const Button: React.StatelessComponent<Props> = ({ ...props }) => (
 );
 
 export const ButtonTransparent: React.StatelessComponent<Props> = ({ ...props }) => (
-    <StyledButton transparent={true} {...props}>
+    <Button transparent={true} {...props}>
         <Text>{props.text}</Text>
-    </StyledButton>
+    </Button>
 );
 
 Button.defaultProps = {
     transparent: false,
+    inline: false,
 };
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx
index 19eed5acf..463d53d44 100644
--- a/packages/website/ts/@next/pages/landing.tsx
+++ b/packages/website/ts/@next/pages/landing.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
-import styled from 'styled-components'
+import styled from 'styled-components';
 
-import { Button } from 'ts/@next/components/button';
+import { colors } from 'ts/style/colors'
+import { Button, ButtonTransparent } from 'ts/@next/components/button';
 import { Column, Section, Wrap } from 'ts/@next/components/layout';
 import { SiteWrap } from 'ts/@next/components/siteWrap';
 import { Heading, Intro } from 'ts/@next/components/text';