ui-nyla/src/components/ContentPreview/renderers/UnsupportedRenderer.tsx
2026-04-08 20:28:44 +02:00

27 lines
742 B
TypeScript

import { useLanguage } from '../../../providers/language/LanguageContext';
import styles from '../ContentPreview.module.css';
interface UnsupportedRendererProps {
previewUrl: string;
fileName: string;
}
export function UnsupportedRenderer({ previewUrl, fileName }: UnsupportedRendererProps) {
const { t } = useLanguage();
return (
<div className={styles.unsupportedContainer}>
<div className={styles.unsupportedIcon}>📄</div>
<p>{t('Vorschau für diesen Dateityp nicht verfügbar')}</p>
<p className={styles.fileName}>{fileName}</p>
<a
href={previewUrl}
download={fileName}
className={styles.downloadButton}
>
{t('Herunterladen')}
</a>
</div>
);
}