import React from 'react';
import cx from 'classnames';
import theme from './theme.css';
import Box from '../box';
import Icon from '../icon';
import { IconUserMediumOutline, IconUserSmallOutline } from '@teamleader/ui-icons';

var AvatarAnonymous = function AvatarAnonymous(_ref) {
  var children = _ref.children,
      size = _ref.size;
  return /*#__PURE__*/React.createElement(Box, {
    alignItems: "center",
    backgroundColor: "neutral",
    backgroundTint: "normal",
    className: cx(theme['avatar'], theme['avatar-anonymous']),
    "data-teamleader-ui": "avatar-anonymous",
    display: "flex",
    justifyContent: "center"
  }, /*#__PURE__*/React.createElement(Icon, {
    color: "neutral",
    tint: "darkest"
  }, size === 'tiny' || size === 'small' ? /*#__PURE__*/React.createElement(IconUserSmallOutline, null) : /*#__PURE__*/React.createElement(IconUserMediumOutline, null)), children && /*#__PURE__*/React.createElement("div", {
    className: theme['children']
  }, children));
};

export default AvatarAnonymous;