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