function ContentItemA()

in website/src/pages/Build-IA/meetups.js [120:165]

• 46 lines of code
• 1 McCabe index (conditional complexity)

function ContentItemA({ city, cardHeader, link, date }) {
  return (
    <div className={clsx('col col--4 card-col', styles.contentItem)}>
      <div
        className="card"
        style={{
          display: 'flex',
          flexDirection: 'column',
          justifyContent: 'space-between',
          height: '100%',
        }}
      >
        <div className="cardHeader">
        <Image
          style={{
            height: 'auto',
            width: '100%',
          }}
          alt=""
          role="presentation"
          img={useBaseUrl(cardHeader)}
        />
        </div>
        <div className="card-body" style={{ flexGrow: 1 }}>
          <div className="text--left">
            <h3 className='margin-bottom--sm'>{city}</h3>
            <p>{date}</p>
            <a
              style={{
                textDecoration: 'underline',
              }}
              href={link}
              target="_blank"
              rel="noopener noreferrer"
              data-bi-area="BodyGrid"
              data-bi-name={city}
              // className="text--secondary"
            >
              Watch on demand
            </a>
          </div>
        </div>
      </div>
    </div>
  );
}