var s=Object.create;var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var n in t)c(e,n,{get:t[n],enumerable:!0})},b=(e,t,n,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!B.call(e,i)&&i!==n&&c(e,i,{get:()=>t[i],enumerable:!(d=x(t,i))||d.enumerable});return e};var u=(e,t,n)=>(n=e!=null?s(h(e)):{},b(t||!e||!e.__esModule?c(n,"default",{value:e,enumerable:!0}):n,e)),W=e=>b(c({},"__esModule",{value:!0}),e);var y={};g(y,{default:()=>v});module.exports=W(y);var A=require("react"),m=u(require("@emotion/styled"),1),r=require("@chakra-ui/react");var a="https://imagedelivery.net/6iczWBYEbx_1dYNU7ek_bA/49bcce28-c272-46c8-ebf8-6472a9c32e00/medium";var o=require("react/jsx-runtime"),l=m.default.img`
  width: 100%;
  height: 100%;
  object-fit: cover;
`,p=(0,m.default)(r.Box)`
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid white;
`,Y=({onClickConnectWallet:e,clientConfig:t})=>{let{profile:n}=t,d=n?.profileImage;return(0,o.jsxs)(r.Box,{bg:"background",children:[(0,o.jsxs)(r.Flex,{justifyContent:"center",children:[(0,o.jsx)(p,{zIndex:1,children:(0,o.jsx)(l,{src:d||a,alt:"brand"})}),(0,o.jsx)(p,{marginLeft:"-10px",children:(0,o.jsx)(l,{src:a})})]}),(0,o.jsxs)(r.Box,{style:{textAlign:"center"},children:[(0,o.jsx)(r.Text,{textAlign:"center",fontWeight:500,fontSize:12,marginY:"20px  !important",children:"Choose how you want to connect. There are several wallet providers."}),(0,o.jsx)(r.Button,{variant:"primary",onClick:e,children:"Connect Wallet"})]})]})},v=Y;
