// @ts-ignore 直接导入 svg 图像作为 vue 组件
import VSCodeIcon from '@renderer/assets/vscode.svg?component'
// @ts-ignore 直接导入 svg 图像作为 vue 组件
import CLionIcon from '@renderer/assets/CLion_icon.svg?component'
// @ts-ignore 直接导入 svg 图像作为 vue 组件
import IDEAIcon from '@renderer/assets/IntelliJ_IDEA_icon.svg?component'
// @ts-ignore 直接导入 svg 图像作为 vue 组件
import PhpStormIcon from '@renderer/assets/PhpStorm_icon.svg?component'
// @ts-ignore 直接导入 svg 图像作为 vue 组件
import PyCharmIcon from '@renderer/assets/PyCharm_icon.svg?component'
// @ts-ignore 直接导入 svg 图像作为 vue 组件
import WebStormIcon from '@renderer/assets/WebStorm_icon.svg?component'

import { FunctionalComponent } from 'vue'
import { IDECode } from '@my-type/settings'

function _(
  icon: FunctionalComponent,
  description: string
): { icon: FunctionalComponent; description: string } {
  return { icon, description }
}

export const ideIcons: Record<IDECode, { icon: FunctionalComponent; description: string }> = {
  VSC: _(VSCodeIcon, '全能的代码编辑器'),
  CL: _(CLionIcon, '强大的 C 和 C++ IDE'),
  IU: _(IDEAIcon, '强大的 Java IDE'),
  PS: _(PhpStormIcon, '强大的 PHP IDE'),
  PY: _(PyCharmIcon, '强大的 Python IDE'),
  WS: _(WebStormIcon, '强大的 Web IDE')
}