import React from 'react';

const FormCard = ({ form, onClick }) => {
    return (
        <div className="card-container" onClick={onClick}>
            <h3>{form.name || 'Unnamed Form'}</h3>
            <p>Elements: {form.form.length}</p>
            <p>Created At: {new Date(form.createdAt).toLocaleDateString()}</p>
            <p>Updated At: {new Date(form.updatedAt).toLocaleDateString()}</p>
        </div>
    );
};

export default FormCard;