text: import React from 'react'
  import PropTypes from 'prop-types'
  
  const Offerings = ({ gridItems }) => (
    <div className='columns is-multiline'>
      {gridItems.map(item => (
        <div key={item.image} className='column is-6' style={{ borderRadius: '5px' }}>
          <section className='has-margin-top-50'>
            <p className='has-text-centered'>
              <img className={item.class} alt='' src={item.image} />
            </p>
            <p>{item.text}</p>
          </section>
        </div>
      ))}
    </div>
  )
  
  Offerings.propTypes = {
    gridItems: PropTypes.arrayOf(
      PropTypes.shape({
        image: PropTypes.string,
        text: PropTypes.string,
      }),
    ),
  }
  
  export default Offerings
  