From b2ade6d2e42d92d6083147628291d1b01f43a530 Mon Sep 17 00:00:00 2001
From: Fahri Soenmez <fahri.soenmez@hbm.com>
Date: Thu, 5 Jan 2017 10:38:47 +0100
Subject: [PATCH] Button: refactoring-codet. Button is tag and we inject only
 our extensions

---
 examples/src/buttonRoute.js | 10 +++++-----
 src/js/button/index.js      | 17 +++++------------
 2 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/examples/src/buttonRoute.js b/examples/src/buttonRoute.js
index ae860e447..d65321393 100644
--- a/examples/src/buttonRoute.js
+++ b/examples/src/buttonRoute.js
@@ -9,31 +9,31 @@ export default class ButtonRoute extends React.Component {
       <div>
         <section>
           <h2>Button Component</h2>
-          <Button onClick={e => console.log(e)}>
+          <Button name='ButtonComponent' onClick={e => console.log(e)}>
             Button
           </Button>
         </section>
         <section>
           <h2>Filled Button</h2>
-          <Button filled onClick={e => console.log(e)}>
+          <Button name='FilledButton' filled onClick={e => console.log(e)}>
             Button
           </Button>
         </section>
         <section>
           <h2>Raised Button</h2>
-          <Button onClick={e => console.log(e)} raised>
+          <Button name='RaisedButton' onClick={e => console.log(e)} raised>
             Button
           </Button>
         </section>
         <section>
           <h2>Raised & Filled Button</h2>
-          <Button onClick={e => console.log(e)} raised filled>
+          <Button name='RaisedFilledButton' onClick={e => console.log(e)} raised filled>
             Button
           </Button>
         </section>
         <section>
           <h2>Disabled Button</h2>
-          <Button onClick={e => console.log(e)} disabled>
+          <Button name='DisabledButton' onClick={e => console.log(e)} disabled>
             Button
           </Button>
         </section>
diff --git a/src/js/button/index.js b/src/js/button/index.js
index 3adf583b1..0a6e2c143 100644
--- a/src/js/button/index.js
+++ b/src/js/button/index.js
@@ -2,15 +2,13 @@
 import React from 'react'
 import classnames from 'classnames'
 
-const Button = ({disabled, children, className, filled, onClick, raised, type}) => (
+const Button = ({children, className, filled, raised, ...rest}) => (
   <button
     className={classnames('Button', {
       'Button--raised': raised,
       'Button--filled': filled
-    }) + ' ' + className}
-    disabled={disabled}
-    onClick={onClick}
-    type={type}
+    }, `${className}`)}
+    {...rest}
   >
     {children}
   </button>
@@ -18,19 +16,14 @@ const Button = ({disabled, children, className, filled, onClick, raised, type})
 
 Button.propTypes = {
   className: React.PropTypes.string,
-  disabled: React.PropTypes.bool,
   filled: React.PropTypes.bool,
-  onClick: React.PropTypes.func,
-  raised: React.PropTypes.bool,
-  type: React.PropTypes.oneOf(['submit', 'reset', 'button'])
+  raised: React.PropTypes.bool
 }
 
 Button.defaultProps = {
   className: '',
-  disabled: false,
   filled: false,
-  raised: false,
-  type: 'button'
+  raised: false
 }
 
 export default Button