import React from 'react';
import ArtistCard from './ArtistCard';

const ArtistList = ({ artists, onEdit, onDelete }) => {
  return (
    <div className="row row-cols-1 row-cols-md-3 g-4 mt-4">
      {artists.map(artist => (
        <ArtistCard 
          key={artist.id} 
          artist={artist} 
          onEdit={onEdit} 
          onDelete={onDelete} 
        />
      ))}
    </div>
  );
};

export default ArtistList;