import React from 'react';
import ComponentCard from './ComponentCard';  // Adjust the import path if necessary

const CircuitCard = ({ circuit }) => {
    return (
        <div className="card-container">
            <h3>Circuit Title: {circuit.title}</h3>
            <p>Owned by: {circuit.owner.username}</p> {/* Assuming owner has a username field */}
            <div>
                {circuit.components.map((component, index) => (
                    <ComponentCard key={index} component={component} />
                ))}
            </div>
        </div>
    );
};

export default CircuitCard;