Fixed button attribute types

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoarelea/de-common-ui-react",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "files": [

src/Button/Button.test.tsx

@@ -1,20 +1,20 @@
 // Generated with util/create-component.js
-import React from "react";
+import React, { ButtonHTMLAttributes, ReactNode } from "react";
 import { render } from "@testing-library/react";
 import Button from "./Button";
+import { ButtonProps } from "./Button.types";
+import { BoxComponent, ButtonOwnProps } from "evergreen-ui";
 
 describe("Test Component", () => {
-  let props: any;
+  let props: ButtonProps;
 
   beforeEach(() => {
-    props = {
-
-    };
+
   });
 
   const handleClick = (sayWhat: string) => console.log(sayWhat);
 
-  const renderComponent = () => render(<Button onClick={() => handleClick('hey')} {...props}>Some button</Button>);
+  const renderComponent = () => render(<Button onClick={() => handleClick('hey')}>HL Button</Button>);
 
   it("should render correctly", () => {
     const { getByTestId } = renderComponent();

src/Button/Button.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
-import { Button as EgButton } from 'evergreen-ui';
+import { BoxComponent, Button as EgButton } from 'evergreen-ui';
 import { ButtonProps } from "./Button.types";
 import { getSize } from "../utils";
 import "./Button.scss";
 
 const Button: React.FC<ButtonProps> = (props) => {
-  const { children, otherText, size, ...rest } = props;
+  const { children, size, ...rest } = props;
   const height = size ? getSize(size) : getSize('md');
-
+  const restProps = rest as BoxComponent;
   return (
-    <EgButton data-testid="Button" height={ height } { ...rest }>{ children } { otherText }</EgButton>
+    <EgButton data-testid="Button" height={ height } { ...restProps }>{ children }</EgButton>
   )
 };
 

src/Button/Button.types.ts

@@ -1,7 +1,9 @@
-import { ButtonHTMLAttributes } from 'react';
-import { CommonComponent, Appearance, Intention, Size } from '../common.models';
-export interface ButtonProps extends CommonComponent{
+import { ButtonHTMLAttributes, HtmlHTMLAttributes } from 'react';
+import { CommonComponent, Intention, Size } from '../common.models';
+import { BoxComponent, ButtonOwnProps } from 'evergreen-ui';
+// React.HTMLProps<HTMLButtonElement>
+// React.ButtonHTMLAttributes<HTMLButtonElement>
+export interface ButtonProps extends CommonComponent, ButtonHTMLAttributes<ButtonOwnProps>{
     size?: Size;
     intent?: Intention;
-    otherText?: string;
 }