mahaplatform/reframe

import Message from '../message'
import Item from './item'
import React from 'react'
import _ from 'lodash'

class Section extends React.Component {

  render() {
    const { component, content, empty, items, title } = this.props
    return (
      <div className="reframe-list-section">
        { title &&
          <div className="reframe-list-title">{ title }</div>
        }
        { component &&
          _.isFunction(component) ? React.createElement(component, content) : component
        }
        { content &&
          <div className="reframe-list-item">
            <div className="reframe-list-item-content">
              <div className="reframe-list-item-content-value">
                { content }
              </div>
            </div>
          </div>
        }
        { items && items.length > 0 &&
          items.map((item, itemIndex) => (
            <Item key={`list_item_${itemIndex}`} { ...item } />
          ))
        }
        { empty && items && items.length === 0 &&
          <div className="reframe-list-item">
            { _.isPlainObject(empty) ?
              <Message { ...empty } /> :
              <div className="reframe-list-item-content">
                <div className="reframe-list-item-content-value">
                  { _.isFunction(empty) ? React.createElement(empty, this.props) : empty }
                </div>
              </div>
            }
          </div>
        }
      </div>
    )
  }

}

export default Section