import React from 'react';
import cx from 'classnames';
import './StoryAvatar.scss';
import emptyAvatar from './../../avatar.png';

export const StoryAvatar = (props) => (
    <img className={cx('story-item-avatar media-object', props.avatarType)} src={props.avatar} />
);

StoryAvatar.propTypes = {
    avatar: React.PropTypes.string,
    avatarType: React.PropTypes.string,
};

StoryAvatar.defaultProps = {
    avatar: emptyAvatar,
    avatarType: 'user-avatar-lg'
};

export default StoryAvatar;
