import React from 'react';

const ListLauncherCard = ({ list, onClick }) => {
    return (
        <div className="card-container" onClick={onClick}>
            <h3>{list.keywords}</h3>
            <p>By: {list.owner.username}</p> {/* Assuming owner has a username field */}
            <p>Items: {list.items.length}</p>
            <p>Created on: {new Date(list.createdAt).toLocaleDateString()}</p>
        </div>
    );
};

export default ListLauncherCard;