diff options
| -rw-r--r-- | packages/website/ts/@next/components/button.tsx | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index e69de29bb..48be7659c 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +export interface ButtonInterface { + text: string; +} + +const StyledButton = styled.button` + text-align: center; +`; + +const Text = styled.span` + font-size: 1rem; + line-height: 1.375rem; +`; + +export const Button: React.StatelessComponent<ButtonInterface> = ({ text }) => ( + <StyledButton> + <Text>Get Started</Text> + </StyledButton> +); |