import{jsxs as m,jsx as r}from"react/jsx-runtime";import{token as a}from"@styled/tokens";import n from"../icons/ico-rocket-fill.js";import d from"../logos/icon-magic-logo.js";import{css as i}from"@styled/css";import{Flex as t,Box as c}from"@styled/jsx";const l=({assetUri:e})=>{const s=e?.includes("blank.png"),o=!e||s;return m(t,{children:[r(t,{className:i({animation:"fadeIn 0.5s, moveRight 1s 0.5s forwards",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:o?"magic.10":"surface.primary",borderRadius:"50%",borderWidth:"3px",borderStyle:"solid",borderColor:"surface.primary",height:"3.875rem",width:"3.875rem",marginTop:"-3px",marginRight:"0.9rem",overflow:"hidden",zIndex:1}),children:o?r(n,{height:34,width:34,color:a("colors.magic.30")}):r("img",{alt:"logo",height:56,width:56,src:e})}),r(c,{className:i({marginLeft:"0.9rem",animation:"fadeIn 0.5s, moveLeft 1s  0.5s forwards"}),children:r(d,{height:56,width:56})})]})};export{l as default};
//# sourceMappingURL=shared-logo.js.map
