diff options
| -rw-r--r-- | packages/website/ts/@next/components/button.tsx | 7 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 5 |
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'; |