"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AvatarWrap = void 0;
var _styled = _interopRequireDefault(require("@modern-js/runtime/styled"));
let _ = t => t,
  _t;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const AvatarWrap = _styled.default.div(_t || (_t = _`
  .avatarContainer {
    position: relative;
    width: ${0}px;
    height: ${0}px;
  }
  .avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    ${0}
  }

  .defaultAvatar {
    width: 100%;
    height: 100%;
    background: conic-gradient(
      from 105.11deg at 50% 50%,
      #8f94bf 0deg,
      #fde8e9 75deg,
      #8f94bf 360deg
    );
    border-radius: 50%;
    object-fit: cover;
    box-shadow: -6px -6px 12px rgba(255, 255, 255, 0.04),
      6px 6px 12px rgba(0, 0, 0, 0.16);
  }
`), props => props.size, props => props.size, props => props.borderless ? '' : 'box-shadow: -6px -6px 12px rgba(255, 255, 255, 0.04),6px 6px 12px rgba(0, 0, 0, 0.16);');
exports.AvatarWrap = AvatarWrap;