import { FileText } from 'lucide-react';

interface MediaPreviewProps {
    src: string;
    mimeType: string;
    alt?: string;
    className?: string;
}

export function MediaPreview({
    src,
    mimeType,
    alt = 'Vista previa',
    className,
}: MediaPreviewProps) {
    if (mimeType.startsWith('image/')) {
        return (
            <img
                src={src}
                alt={alt}
                className={`size-full object-contain ${className ?? ''}`}
            />
        );
    }

    return (
        <div
            className={`flex size-full flex-col items-center justify-center gap-2 text-muted-foreground ${className ?? ''}`}
        >
            <FileText className="size-12" />
            <span className="text-sm">Archivo PDF</span>
        </div>
    );
}