import React, {PropTypes} from 'react';
import AvatarUI from 'material-ui/lib/Avatar';

const Avatar = ({from, src}) => {
  const avatarElement = (src) => {
    let element = '';
    if (typeof src === 'string' && src.length > 0) {
      element = <AvatarUI src={src} />;
    }
    return element;
  };

  const avatarStyle = {
    display: 'inline',
    float: from || 'left',
    marginLeft: '1%',
    marginRight: '1%',
    marginTop: '2%',
  };

  return (
    <div style={avatarStyle}>
      {avatarElement(src)}
    </div>
  );
};

Avatar.propTypes = {
  from: PropTypes.string,
  src: PropTypes.string,
};

export default Avatar;

@@ -71,17 +71,17 @@
 -ui/lib/
-A
+a
 vatar';%0A

change to lower case for Avatar import as it was breaking the build