feat(button): setting up types on button

richmccartney · Nov 30, 2020 · 610938a · 610938a
1 parent 20b4817
commit 610938a
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx
@@ -1,11 +1,18 @@
 import React, {
-  forwardRef
+  forwardRef, FunctionComponent, ReactNode
 } from 'react';
 
-const Button = forwardRef(
+type Ref = React.Ref<HTMLButtonElement>
+
+interface ButtonProps {
+  children: ReactNode
+  id: string
+}
+
+const Button: FunctionComponent<ButtonProps> = forwardRef(
   (
     { children, id },
-    ref
+    ref: Ref
   ) => {
   return <button id={id} ref={ref}>{children}</button>
   }