remove react-icons as a peer dependency (#7)

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["es2015", "react", "stage-0"]
+  "presets": ["env", "react", "stage-0"]
 }

README.md

@@ -166,7 +166,15 @@ To see an example please see [example/LinkComponent.js](example/LinkComponent.js
 You can fully customize the back link of the sub menus by passing in a React Component to this property.
 It will be instantiated with the data object also passed in `onNodeClick` as a property (`this.props.data`).
 
-**expanderComponent** (React.Component)
+**backIcon** (React.Component)
+
+If you don't specify a `backComponent`, you can at least need specify an icon to use for the back component
+
+```js
+<FaChevronLeft />
+```
+
+**expanderComponent** (React.Component) (Required)
 
 You can fully customize the expander link of the sub menus by passing in a React Component to this property. The expander is the `chevron-right` that appears when a menu item has children.
 It will be instantiated with the data object also passed in `onNodeClick` as a property (`this.props.data`).

example/index.js

@@ -6,7 +6,7 @@ import './demo.css';
 import React from 'react'
 import {render} from 'react-dom';
 import PushMenu from '../src/index'
-import Bars from 'react-icons/lib/fa/bars';
+import {FaBars, FaChevronRight, FaChevronLeft} from 'react-icons/fa';
 
 import Link from './LinkComponent';
 
@@ -47,6 +47,8 @@ class Page extends React.Component{
   render(){
     return (
       <PushMenu
+        backIcon={<FaChevronLeft />}
+        expanderComponent={FaChevronRight}
         onNodeClick={(e, {menu, node}) => {
           console.log(node)
           menu.tools.reset();
@@ -58,7 +60,7 @@ class Page extends React.Component{
         propMap={{url: 'link'}}>
 
         <div className="rpm-trigger" id="rpm-trigger" >
-          <Bars />
+          <FaBars />
         </div>
 
       </PushMenu>