// import { Avatar }                         from '/imports/client/components/Avatar';
import _                                  from 'lodash';
import React, { Component }               from 'react';
import classNames                         from 'classnames';



export class Avatar extends Component {


  render() {
    const user = this.props.user;
  
    return (
      <div
        className = {classNames(
          "avatar-box",
          this.props.small && "avatar-small"
        )}
        style={_.assign({
          backgroundImage:  `url(${user.getAvatarUrl()})`,
          width:            this.props.size + 'px',
          height:           this.props.size + 'px',
        }, this.props.style || {})}
      />
    );
  };
};