experiment.js

const card = { cost: [{count: 2, type: 'r'}, {count: 2, type: 'any'}, {count: 1, type: 'w/r', hybrid: true}] };
const availableMana = [{count: 4, type: 'r'}, {count: 2, type: 'w'}, {count: 1, type: 'w/r', hybrid: true}];

function hasEnoughMana(cost, availableMana) {
  // If it requires more mana than is available in the first place
 return cost.reduce((total, obj) => total + obj.count)) > cost.reduce((total, avail) => total + avail.count);
}

function hasRequiredMana(cost, availableMana) {
  // Return if the available mana matches the required mana
  let possiblePools = [];
  let possibleCosts = [];
 // 1. Create permutations of the manaPool that could be used to pay if hybrid lands exist.
 //    e.g. W/R, R, R makes [w: 1, r: 2] and [r: 3], while W/R, W/R, R makes [w: 2, r: 1], [w: 1, r: 2], [r: 3].
 // 2. Create permutations of the possibleCosts that could be paid if hybrid mana exists.
 // 3. Check for any possible matches between possiblePools and possibleCosts.
}

function cardIsPossible(card) {
  return hasEnoughMana(card.cost, availableMana) && hasRequiredMana(card.cost, availableMana);
}

render() {
  {cards.map(card => cardIsPossible(card) && <CardComponent />)}
}