'use client'

import FileDoc from '@/assets/svg/files/FileDoc'
import FileXls from '@/assets/svg/files/FileXls'
import FilePdf from '@/assets/svg/files/FilePdf'
import FilePpt from '@/assets/svg/files/FilePpt'
import FileFigma from '@/assets/svg/files/FileFigma'
import FileImage from '@/assets/svg/files/FileImage'
import Folder from '@/assets/svg/files/Folder'

const FileIcon = ({ type, size = 40 }: { type: string; size?: number }) => {
    switch (type) {
        case 'pdf':
            return <FilePdf height={size} width={size} />
        case 'xls':
            return <FileXls height={size} width={size} />
        case 'doc':
            return <FileDoc height={size} width={size} />
        case 'ppt':
            return <FilePpt height={size} width={size} />
        case 'figma':
            return <FileFigma height={size} width={size} />
        case 'jpg':
            return <FileImage height={size} width={size} />
        case 'jpeg':
            return <FileImage height={size} width={size} />
        case 'png':
            return <FileImage height={size} width={size} />
        case 'directory':
            return <Folder height={size} width={size} />
        default:
            return <></>
    }
}

export default FileIcon