import type { Component } from 'vue'
import type { FileUploadListingGlyphKind } from '@/utils/fileUploadListingGlyph'
import DocumentGlyphIcon from '@/assets/icons/file-upload/document.svg?component'
import ImageGlyphIcon from '@/assets/icons/file-upload/image.svg?component'
import SpreadsheetGlyphIcon from '@/assets/icons/file-upload/spreadsheet.svg?component'

const glyphIcons: Record<FileUploadListingGlyphKind, Component> = {
  document: DocumentGlyphIcon,
  image: ImageGlyphIcon,
  spreadsheet: SpreadsheetGlyphIcon,
}

export function fileUploadGlyphIcon(kind: FileUploadListingGlyphKind): Component {
  return glyphIcons[kind]
}