| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- import type { FC } from 'react'
- import {
- Csv,
- Doc,
- Docx,
- Html,
- Json,
- Md,
- Pdf,
- Txt,
- Unknown,
- 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 <Unknown className={className} />
- }
- }
- export default FileIcon
|
