Wallet Disconnect

1'use client';
2 
3import * as React from 'react';
4import { useWalletUi } from '@wallet-ui/react';
5import { Button } from '@/registry/wallet-ui/ui/button';
6 
7function WalletDisconnect(props: React.ComponentProps<typeof Button>) {
8  const { connected, disconnect } = useWalletUi();
9  return (
10    <Button
11      variant="outline"
12      className='cursor-pointer'
13      {...props}
14      onClick={disconnect}
15      disabled={!connected}
16    >
17      Disconnect
18    </Button>
19  );
20}
21 
22 
23export { WalletDisconnect }