1 files changed, 7 insertions, 8 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx
index 07d598cba..9cadc4fd5 100644
--- a/packages/website/ts/@next/components/button.tsx
+++ b/packages/website/ts/@next/components/button.tsx
@@ -46,10 +46,9 @@ const Text = styled.span`
 
 export const Button: React.StatelessComponent<ButtonInterface> = props => {
   const { onClick, href } = props;
+  const Component = onClick ? StyledButton : StyledButton.withComponent('a');
 
-  // This button is as link
-  if (props.href) return StyledButton.withComponent('a');
-  else return StyledButton;
+  return <Component {...props}>{ props.children || 'Text' }</Component>;
 };
 
 
@@ -60,11 +59,11 @@ export const Button: React.StatelessComponent<ButtonInterface> = props => {
 
 
 
-export const Button: React.StatelessComponent<ButtonInterface> = ({ ...props }) => (
-    <StyledButton {...props}>
-        <Text>{props.text}</Text>
-    </StyledButton>
-);
+// export const Button: React.StatelessComponent<ButtonInterface> = ({ ...props }) => (
+//     <StyledButton {...props}>
+//         <Text>{props.text}</Text>
+//     </StyledButton>
+// );
 
 // also feel like a transparent prop would suffice instead of having a separate button
 // so we have the logic with the Link/button--- and props = styling. in this case: