'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/**
* @category containers
* @component list-item
* @variations collab-ui-react
*/

var ListItemSection = function ListItemSection(props) {
  var children = props.children,
      position = props.position,
      className = props.className;


  return _react2.default.createElement(
    'div',
    {
      className: 'cui-list-item__' + position + ('' + (className && ' ' + className || ''))
    },
    children
  );
};

ListItemSection.defaultProps = {
  position: 'center',
  children: null,
  className: ''
};

ListItemSection.displayName = 'ListItemSection';

exports.default = ListItemSection;
module.exports = exports['default'];