import React from "react"; import { Document } from "../DocumentProcessor"; interface DocumentCardProps { document: Document; } const DocumentCard: React.FC = ({ document }) => (

{document.title}

{document.content.length > 100 ? `${document.content.substring(0, 100)}...` : document.content}

{document.tags.map((tag) => ( {tag} ))}

{document.title}

{document.content}

{document.tags.map((tag) => ( {tag} ))}
); export default DocumentCard;