aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/@next/components/button.tsx15
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: