Init

Preview: http://dashboards.webkom.co/react/airframe

app/components/Avatar/AvatarAddonIcon.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+import avatarColors from './../../colors.scss';
+
+const AvatarAddonIcon = (props) => {
+    const addOnClass = classNames({
+        'avatar__icon__inner': props.small
+    }, avatarColors[`fg-color--${ props.color }`]);
+
+    return (
+        <i className={ classNames(addOnClass, props.className) }></i>
+    );
+};
+AvatarAddonIcon.propTypes = {
+    small: PropTypes.bool,
+    className: PropTypes.string,
+    color: PropTypes.string
+};
+AvatarAddonIcon.defaultProps = {
+    color: "success"
+};
+AvatarAddonIcon.addOnId = "avatar--icon";
+
+export { AvatarAddonIcon };