import { PowerSettingsNewRounded } from '@mui/icons-material';
import { IconButton } from '@mui/material';
import { useTon } from '../../providers/WalletProvider/TVM/TVMBaseProvider.js';

export const TVMDisconnectIconButton = () => {
  const { tonConnectUI } = useTon();

  return (
    <IconButton
      size="medium"
      onClick={(e) => {
        e.stopPropagation();
        tonConnectUI?.disconnect();
      }}
    >
      <PowerSettingsNewRounded />
    </IconButton>
  );
};