import React from 'react';

const ComponentCard = ({ component }) => {
    return (
        <div className="card-container">
            <h4>Component: {component.name}</h4>
            <ul>
                {component.pins.map((pin, index) => (
                    <li key={index}>Pin: {pin.name}, Connection: {pin.connection}</li>
                ))}
            </ul>
        </div>
    );
};

export default ComponentCard;