fixing button link

Author: Nick Grato

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozilla/lilypad-ui",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "React Component UI Libray",
   "scripts": {
     "sb": "start-storybook -p 6006",

src/components/Button/Button.tsx

@@ -18,6 +18,15 @@ export type ButtonCategoriesT =
 
 export type ButtonSizesT = 'small' | 'medium' | 'large';
 
+export type LinkComponentT = React.ComponentType<{
+  href: string;
+  children: React.ReactNode;
+  className?: string;
+  id?: string;
+  onClick?: MouseEventHandler<HTMLAnchorElement>;
+  target?: string;
+}>;
+
 export type ButtonPropsT = {
   active?: boolean;
   id?: string;
@@ -33,14 +42,7 @@ export type ButtonPropsT = {
   target?: string;
   onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
   classProp?: string;
-  LinkComponent?: React.ComponentType<{
-    href: string;
-    children: React.ReactNode;
-    className?: string;
-    id?: string;
-    onClick?: MouseEventHandler<HTMLAnchorElement>;
-    target?: string;
-  }>;
+  LinkComponent?: LinkComponentT;
 };
 
 type ButtonIconT = {

src/components/Button/index.ts

@@ -1,2 +1,2 @@
-export { default, type ButtonT, type ButtonCategoriesT, type ButtonSizesT } from './Button';
+export { default, type ButtonT, type ButtonCategoriesT, type ButtonSizesT, type LinkComponentT } from './Button';
 

src/components/index.ts

@@ -7,6 +7,7 @@ export {
   type ButtonT,
   type ButtonCategoriesT,
   type ButtonSizesT,
+  type LinkComponentT,
 } from './Button';
 export { default as Checkbox } from './Checkbox';
 export { default as CopyButton } from './CopyButton';