/**
 * imui.Dropdown.DropdownOptionGroup
 * @author howenhuo
 * @date 2018-05-15
 */
import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';

/**
 * 下拉组件-选项组
 */
class DropdownOptionGroup extends React.Component {

  static propTypes = {
    style: PropTypes.object,
    className: PropTypes.string,
    /**
     * 选项组标签
     */
    label: PropTypes.string,
  };

  render() {
    const { style, className, label, children } = this.props;

    return children && (
      <ul className={classNames('im-dropdown-dropdown-group', className)} style={style}>
        <li className="im-dropdown-dropdown-group-title">{label}</li>
        <li>
          <ul>
            {children}
          </ul>
        </li>
      </ul>
    );
  }
}

export default DropdownOptionGroup;