${htmlString}` + return styledString +} + +function SampleConnect() { + const { + wallets, + connectedWallet, + connectedChain, + connectWallet, + disconnectConnectedWallet + } = useWeb3Onboard() + const walletsString = createMemo(() => + textHighlighter(wallets().map(w => w.label)) + ) + const connectedWalletString = createMemo(() => + textHighlighter({ + label: connectedWallet()?.label, + accounts: connectedWallet()?.accounts, + chains: connectedWallet()?.chains + }) + ) + const connectedChainString = createMemo(() => + textHighlighter(connectedChain()) + ) + + const [showCard, setShowCard] = createSignal(false); + createEffect(async () => { + const connectWallet = connectedWallet() + console.log('connectedWallet', connectWallet) + if (connectWallet !== null && connectWallet.accounts.length > 0) { + setShowCard(false) + } else { + setShowCard(true) + } + }) + return ( + <> +
+
+
+
+