import React from "react";

import Card from "../Card";

import cards from "../../../utils/cards";
import "./card-list.css";

const CardsList = () => {
  return (
    <ul className="cards-list">
      {cards.map((card) => (
        <Card key={card.name} card={card} />
      ))}
    </ul>
  );
};

export default CardsList;