"use strict";

require("./demo2.css");

var _ = _interopRequireDefault(require(".."));

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

var _reactDom = _interopRequireDefault(require("react-dom"));

var _2 = require("../..");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "avatar-demo"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  icon: "account"
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  icon: /*#__PURE__*/_react["default"].createElement(_2.Icon, {
    type: "smile"
  })
}), /*#__PURE__*/_react["default"].createElement(_["default"], null, "U"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png"
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  style: {
    color: '#f56a00',
    backgroundColor: '#fde3cf'
  }
}, "U"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  style: {
    backgroundColor: '#87d068'
  },
  icon: "account"
})), document.getElementById('avatar-demo-2'));