${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 (
+ <>
+
+
+
+
+