import React from 'react';

const MarkdownCard = ({ markdown, onClick }) => {
    return (
        <div className="card-container" onClick={onClick}>
            <h3>{markdown.title}</h3>
            <p>{markdown.description}</p>
            <ul>
                {markdown.tags.map((tag, index) => (
                    <li key={index}>{tag}</li>
                ))}
            </ul>
            <p>Last Updated: {new Date(markdown.lastUpdated).toLocaleDateString()}</p>
        </div>
    );
};

export default MarkdownCard;