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

var AvatarOverlay = function AvatarOverlay(_ref) {
  var size = _ref.size,
      onClick = _ref.onClick;
  var classNames = cx(theme['overlay-background'], size === 'medium' ? theme['full-height'] : theme['default-height']);
  return /*#__PURE__*/React.createElement("div", {
    onClick: onClick,
    className: theme['overlay']
  }, /*#__PURE__*/React.createElement(Box, {
    className: classNames,
    display: "flex",
    justifyContent: "center"
  }, /*#__PURE__*/React.createElement(Icon, {
    color: "neutral",
    tint: "lightest"
  }, /*#__PURE__*/React.createElement(IconEditSmallFilled, null))));
};

export default AvatarOverlay;