import TableRowAssetIcon from '@revenge-mod/components/TableRowAssetIcon'
import { DevToolsClient } from '@revenge-mod/devtools-client'
import { Setting } from '../constants'
import { connect, useIsConnected } from '../devtools'
import type { SettingsItem } from '@revenge-mod/discord/modules/settings'

const DTConnectSetting: SettingsItem = {
    parent: Setting.RevengeDeveloper,
    IconComponent: () => <TableRowAssetIcon name="LinkIcon" />,
    title: () => 'Connect to DevTools',
    useDescription: () => `Version: ${DevToolsClient.version}`,
    usePredicate: () => !useIsConnected(),
    onPress: connect,
    type: 'pressable',
}

export default DTConnectSetting