innovationdrive/src/components/Features.js
2018-07-22 22:49:53 +10:00

28 lines
631 B
JavaScript
Executable file

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