import useFavorites from "../../store/useFavorites";
import FavoriteAppartmentCard from "./FavoriteApartmentCard";

const FavoriteCardList = () => {
  const { favorites } = useFavorites();
  return (
    <div className="grid lg:grid-cols-4 gap-4 grid-cols-2">
      {favorites.map((card) => (
        <FavoriteAppartmentCard card={card} key={card.id} />
      ))}
    </div>
  );
};

export default FavoriteCardList;
