feat(Avatar): Added avatar element

package.json

@@ -89,6 +89,7 @@
     }
   },
   "dependencies": {
-    "classnames": "2.2.5"
+    "classnames": "2.2.5",
+    "react-autosuggest": "7.0.1"
   }
 }

src/avatar.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import './avatar.scss';
+
+const Avatar = ({ image }) => (<div className="wrapper">
+  <img src={ image } alt="" />
+</div>);
+
+Avatar.propTypes = {
+  image: React.PropTypes.string
+};
+
+export default Avatar;

src/avatar.scss

@@ -0,0 +1,19 @@
+.wrapper {
+  position: relative;
+  display: inline-block;
+  width: 3rem;
+  height: 3rem;
+  overflow: hidden;
+  font-size: 3.4rem;
+  color: #fff;
+  text-align: center;
+  vertical-align: middle;
+  background-color: #9e9e9e;
+  border-radius: 50%;
+  line-height: 0;
+
+  & img {
+    max-width: 100%;
+    height: auto;
+  }
+}

src/index.js

@@ -1,13 +1,23 @@
+import Avatar from './avatar';
 import Button from './button';
 import Dropdown from './dropdown';
+import IconAvatar from './iconAvatar';
 import Input from './input';
+import Pagination from './pagination';
+import Snackbar from './snackbar';
 import Spinner from './spinner';
+import TextArea from './textArea';
 
 const mdlReact = {
+  Avatar,
   Button,
   Dropdown,
+  IconAvatar,
   Input,
-  Spinner
+  Pagination,
+  Snackbar,
+  Spinner,
+  TextArea
 };
 
 module.exports = mdlReact;