/*! For license information please see 4683.391a037f729744c45cd4.js.LICENSE.txt */
"use strict";(self.webpackChunkengine=self.webpackChunkengine||[]).push([[4683,5971,219,5893,8521,6607,946,1663],{1663:(e,r,t)=>{t.r(r),t.d(r,{default:()=>v});var n,a,i=t(28416),o=t(9411),l=t.n(o),s=t(5439),c=t.n(s),f=t(53804),u=t(85893);function m(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var d=(0,f.getIsMobile)(),p=(0,i.memo)(l().div(n||(n=m(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: ",";\n\theight: ",";\n\tborder-radius: ",";\n\tmargin: ",";\n\tcursor: pointer;\n\tbackground: linear-gradient(180deg, rgba(var(--white), 0.09) 0%, rgba(var(--white), 0.36) 100%);\n"])),d?"1.5em":"2.25em",d?"1.5em":"2.25em",d?"1.5em":"2.25em",d?"0 0 0 0.5em":"0 0.5em 0 0")),y=(0,i.memo)(l().img(a||(a=m(["\n\twidth: calc(100% - 0.125em);\n\theight: calc(100% - 0.125em);\n\tborder-radius: inherit;\n\tobject-fit: cover;\n"]))));function v(e){var r=e.styles,t=e.onClick,n=e.avatarUrl;return(0,u.jsx)(p,{style:r.container,onClick:t,children:(0,u.jsx)(y,{style:r.img,alt:"Avatar",src:n})})}v.defaultProps={styles:{},onClick:function(){},avatarUrl:""},v.propTypes={styles:c().object,onClick:c().func,avatarUrl:c().string}},75251:(e,r,t)=>{var n=t(28416),a=Symbol.for("react.element"),i=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,l=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,r,t){var n,i={},c=null,f=null;for(n in void 0!==t&&(c=""+t),void 0!==r.key&&(c=""+r.key),void 0!==r.ref&&(f=r.ref),r)o.call(r,n)&&!s.hasOwnProperty(n)&&(i[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===i[n]&&(i[n]=r[n]);return{$$typeof:a,type:e,key:c,ref:f,props:i,_owner:l.current}}r.Fragment=i,r.jsx=c,r.jsxs=c},85893:(e,r,t)=>{e.exports=t(75251)}}]);