Refactor for default props (and fix spread operator)

.babelrc

+{
+  "plugins": ["transform-object-rest-spread"]
+}
\ No newline at end of file

package.json

@@ -33,5 +33,8 @@
     "uglifyjs-webpack-plugin": "^1.0.1",
     "webpack": "^3.8.1",
     "webpack-dev-server": "^2.9.3"
+  },
+  "devDependencies": {
+    "babel-plugin-transform-object-rest-spread": "^6.26.0"
   }
 }

src/components/Button.js

 import m from "mithril";
 import { Button } from "polythene-mithril";
-import "polythene-css"
+import "polythene-css";
 
-const ButtonComponent = () => {
-    return Button;
+const defaultProps = {
+    element: 'button',
+}
+
+const ButtonComponent = props => {
+    return m(Button, {...defaultProps, ...props});
 }
 
 export default ButtonComponent;
\ No newline at end of file

src/views/studydocs/studydocList.js

@@ -38,7 +38,7 @@ export default class studydocList {
         },
       }, [
         m('input', { type: 'text', oninput: m.withAttr('value', (value) => { this.search = value; }) }, ''),
-        m(Button, { label: 'Search', type: 'submit' }),
+        Button({ label: 'Search' }),
       ]),
       m('button', { onclick: () => m.route.set('/studydocuments/new') }, 'add new'),
       m('table', [