Merge pull request #6 from kambereBr/refactor-btn-component

Refactor Button component

README.md

@@ -119,13 +119,13 @@ npx eslint .
 
 Use at the end '--fix' to help you out with any error.
 
-## 👥 Authors <a name="authors"></a>
+## 👥 Author <a name="authors"></a>
 
 👤 **Bruno Kambere**
 
 - GitHub: [@kambereBr](https://github.com/kambereBr)
 - Twitter: [@kambereBr](https://twitter.com/kambereBr)
-- LinkedIn: [bruno kambere](https://www.linkedin.com/in/bruno-kambere-399447138/)
+- LinkedIn: [bruno kambere](https://www.linkedin.com/in/bruno-kambere/)
 
 <p align="right">(<a href="#readme-top">back to top</a>)</p>
 

src/components/Button.js

@@ -1,14 +1,18 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Button = ({ content, btnClassName = 'gray-button', clickEvent }) => (
+const Button = ({ content, btnClassName, clickEvent }) => (
   <button type="button" className={btnClassName} onClick={clickEvent}>{content}</button>
 );
 
 Button.propTypes = {
   content: PropTypes.string.isRequired,
-  btnClassName: PropTypes.string.isRequired,
+  btnClassName: PropTypes.string,
   clickEvent: PropTypes.func.isRequired,
 };
 
+Button.defaultProps = {
+  btnClassName: 'gray-button',
+};
+
 export default Button;