import React from 'react';

const BlogPostCard = ({ blogPost, onClick }) => {
    return (
        <div className="card-container" onClick={onClick}>
            <h3>{blogPost.title}</h3>
            <p>{blogPost.content.substring(0, 100)}...</p> {/* Showing a preview of the content */}
            <ul>
                {blogPost.tags.map((tag, index) => (
                    <li key={index}>{tag}</li>
                ))}
            </ul>
            <p>Created on: {new Date(blogPost.createdAt).toLocaleDateString()}</p>
        </div>
    );
};

export default BlogPostCard;