@scripty/react-navigations/lib/Avatar.js

lightweight react navigation components.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Avatar = void 0;

var _react = _interopRequireDefault(require("react"));

var PropTypes = _interopRequireWildcard(require("prop-types"));

var _avatarMale = _interopRequireDefault(require("./avatar-male.png"));

require("./Avatar.scss");

var Avatar = function Avatar(props) {
  var user = props.user;
  var avatar = user.avatar,
      alt = user.alt,
      gender = user.gender;
  var url = avatar.url;
  return /*#__PURE__*/_react["default"].createElement("img", {
    src: url ? url : _avatarMale["default"],
    alt: alt,
    width: 50,
    className: "avatar"
  });
};

exports.Avatar = Avatar;
Avatar.defaultProps = {
  url: './avatar-male.png',
  alt: 'Avatar',
  gender: 'male'
};
Avatar.propTypes = {
  url: PropTypes.string,
  alt: PropTypes.string,
  gender: PropTypes.string
};