| import type { FC } from 'react' | |
| import { | |
| Csv, | |
| Doc, | |
| Docx, | |
| Html, | |
| Json, | |
| Md, | |
| Pdf, | |
| Txt, | |
| Unknow, | |
| Xlsx, | |
| } from '@/app/components/base/icons/src/public/files' | |
| import { Notion } from '@/app/components/base/icons/src/public/common' | |
| type FileIconProps = { | |
| type: string | |
| className?: string | |
| } | |
| const FileIcon: FC<FileIconProps> = ({ | |
| type, | |
| className, | |
| }) => { | |
| switch (type) { | |
| case 'csv': | |
| return <Csv className={className} /> | |
| case 'doc': | |
| return <Doc className={className} /> | |
| case 'docx': | |
| return <Docx className={className} /> | |
| case 'htm': | |
| case 'html': | |
| return <Html className={className} /> | |
| case 'json': | |
| return <Json className={className} /> | |
| case 'md': | |
| case 'markdown': | |
| return <Md className={className} /> | |
| case 'pdf': | |
| return <Pdf className={className} /> | |
| case 'txt': | |
| return <Txt className={className} /> | |
| case 'xls': | |
| case 'xlsx': | |
| return <Xlsx className={className} /> | |
| case 'notion': | |
| return <Notion className={className} /> | |
| default: | |
| return <Unknow className={className} /> | |
| } | |
| } | |
| export default FileIcon | |