gistfile1.txt

import BiomarkerCard from './BiomarkerCardComponent';

const BiomarkersCard = ({biomarkers, tense} => {
  if( biomarkers.length == 0 )
    return null
  else
  {
    return(
      <div className="biomarkers">
        {this.props.children}
        {biomarkers.map(bm => this.renderBiomarker(bm, tense))}
      </div>
    )
  }
};

usage

<BiomarkersCard biomarkers={[...]}, tense={'present'}>
  <h2>Here are your most recent data</h2>
</BiomarkersCard>

<BiomarkersCard biomarkers={[...]}, tense={'past'}>
  <h2>Here are biomarkers we couldn't calculate based on your current data, but for which we have previous data.</h2>
</BiomarkersCard>