function ContentItem()

in website/src/pages/Build-IA/events-calendar.js [60:96]


function ContentItem({ logoLight, eventDate, category, title, link }) {
  return (
    <div className={clsx('col col--4 card-col', styles.contentItem)}>
        <div className="card">
          <div className="card-body" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', height: '100%' }}>
            <div className="text--left">
              {/* <div className="card-icon-bg">
                <Image
                  style={{
                    height: '32px',
                  }}
                  alt={`Thumbnail Image for ${title}`}
                  img={useBaseUrl(logoLight)}
                />
              </div> */}
              <h3>{eventDate}</h3>
              <p className="text--left margin-bottom--none text--semibold">{category}</p>
              <p>{title}</p>
            </div>
            <div>
              <a
                style={{
                  textDecoration: 'underline',
                }}
                  href={link}
                  data-bi-area="BodyGrid"
                  data-bi-name={title}
                  target='_blank'
                >
                  View event details
              </a>
            </div>
          </div>
        </div>
    </div>
  );
}