import React from 'react'
import PropTypes from 'prop-types'
import Row from './row'
const DEFAULT_BORDER_COLOR = '#afcef3'
const Rows = ({ list = [], columns, paintBorderRow }) => {
return list.map((value, index) => {
const getColor = () => {
if (paintBorderRow) {
return paintBorderRow.color(value[paintBorderRow.key])
}
return DEFAULT_BORDER_COLOR
}
return (
<Row key={index} borderColor={getColor()}>
{columns.map(item => {
if (item.isVisible()) {
return item.renderDataCol(value)
}
})}
</Row>
)
})
}
Rows.propTypes = {
list: PropTypes.array,
columns: PropTypes.array.isRequired
}
export default Rows
|