add support for font awesome

lib/components/Icon.js

@@ -6,21 +6,24 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reactFontawesome = require('react-fontawesome');
+
+var _reactFontawesome2 = _interopRequireDefault(_reactFontawesome);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function Icon(_ref) {
   var name = _ref.name;
   var size = _ref.size;
 
-  var cName = 'icon';
-  if (size) {
-    cName += ' is-' + size;
-  }
-
   return _react2.default.createElement(
     'span',
-    { className: cName },
-    _react2.default.createElement('i', { className: 'fa fa-' + name })
+    { className: (0, _classnames2.default)('icon', size && 'is-' + size) },
+    _react2.default.createElement(_reactFontawesome2.default, { name: name })
   );
 }
 

package.json

@@ -25,12 +25,15 @@
     "dom-helpers": "^2.4.0"
   },
   "peerDependencies": {
-    "react": "15.x"
+    "react": "15.x",
+    "react-dom": "^15.3.1",
+    "react-fontawesome": "^1.1.0"
   },
   "devDependencies": {
     "nwb": "0.12.x",
     "react": "^15.3.1",
-    "react-dom": "^15.3.1"
+    "react-dom": "^15.3.1",
+    "react-fontawesome": "^1.1.0"
   },
   "author": "Dan Caragea",
   "homepage": "",

src/components/Icon.js

@@ -1,14 +1,11 @@
 import React, { PropTypes } from 'react';
+import classNames from 'classnames';
+import FontAwesome from 'react-fontawesome';
 
 function Icon({ name, size }) {
-  let cName = 'icon';
-  if (size) {
-    cName += ` is-${size}`;
-  }
-
   return (
-    <span className={cName}>
-      <i className={`fa fa-${name}`} />
+    <span className={classNames('icon', size && `is-${size}`)}>
+      <FontAwesome name={name} />
     </span>
   );
 }