fix: add text support for button component (#58)

Use children prop as text to display in button
Circle-Back · Nov 14, 2019 · 0365098 · 0365098 · vercel · Nov 14, 2019
1 parent c41bd85
commit 0365098
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/Button.stories.tsx b/src/components/Button.stories.tsx
@@ -5,4 +5,4 @@ export default {
   title: "Button",
 };
 
-export const Default: React.FC = () => <Button />;
+export const Default: React.FC = () => <Button>Primary</Button>;
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -3,11 +3,14 @@ import { ThemeProvider, StylesProvider } from "@material-ui/core/styles";
 import { BaseButton } from "./Button.styles";
 import theme from "../MuiTheme";
 
-export const Button: React.FC = () => (
+export interface ButtonProps {
+  children: React.ReactNode;
+}
+export const Button: React.FC<ButtonProps> = ({ children }: ButtonProps) => (
   <StylesProvider injectFirst>
     <ThemeProvider theme={theme}>
       <BaseButton backgroundcolor={theme.palette.primary.main}>
-        Primary
+        {children}
       </BaseButton>
     </ThemeProvider>
   </StylesProvider>