Recommendations = ({ skus }) => {
  const recos = recosForSkus(skus);
  return recos.length ? (
    <div className="e_Recommendations" data-boundary="explore-recommendations">
      <h2>Recommendations</h2>
      <ul className="e_Recommendations_list">
        {recos.map(reco => (
          <Recommendation key={reco.sku} {...reco} />
        ))}
      </ul>
    </div>
  ) : null;
}
Recommendations component.
@param {object} props - The properties of the Recommendations component.
@param {string[]} props.skus - The SKUs of the variants to get recommendations for.
@returns {JSX.Element} The component markup.