From e59f6892c0c46502dc4479cda7d634ee99849ad2 Mon Sep 17 00:00:00 2001
From: Rafael Ramalho <rafazelramalho19@gmail.com>
Date: Mon, 16 Nov 2020 18:37:57 +0000
Subject: [PATCH] chore: fix error in button

---
 src/components/button/Button.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/button/Button.js b/src/components/button/Button.js
index b9d721330..b995871aa 100644
--- a/src/components/button/Button.js
+++ b/src/components/button/Button.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import './Button.css'
 import classNames from 'classnames'
+import PropTypes from 'prop-types'
 
 const getButtonClassName = ({ fill, bg, color, danger, disabled }, type) => {
   if (danger) return 'bg-red fill-white white'
@@ -9,13 +10,10 @@ const getButtonClassName = ({ fill, bg, color, danger, disabled }, type) => {
   return `${fill} ${bg} ${color}`
 }
 
-const Button = ({ className, minWidth, children, style, type, ...props }) => {
-  return (
-    <button type={type} className={classNames('Button transition-all sans-serif dib v-mid fw5 nowrap lh-copy bn br1 pa2 focus-outline', className, getButtonClassName(props, type))} disabled={props.disabled} style={{ minWidth, ...style }} {...props}>
-      {children}
-    </button>
-  )
-}
+const Button = ({ className, minWidth, children, style, type, danger, ...props }) =>
+  <button type={type} className={classNames('Button transition-all sans-serif dib v-mid fw5 nowrap lh-copy bn br1 pa2 focus-outline', className, getButtonClassName(props, type))} disabled={props.disabled} style={{ minWidth, ...style }} {...props}>
+    {children}
+  </button>
 
 Button.defaultProps = {
   bg: 'bg-teal',
@@ -25,4 +23,9 @@ Button.defaultProps = {
   minWidth: 140
 }
 
+Button.propTypes = {
+  danger: PropTypes.bool,
+  disabled: PropTypes.bool
+}
+
 export default Button