'use strict';

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
export var BorderedListItem =
/*#__PURE__*/
function (_React$Component) {
  _inheritsLoose(BorderedListItem, _React$Component);

  function BorderedListItem() {
    return _React$Component.apply(this, arguments) || this;
  }

  var _proto = BorderedListItem.prototype;

  _proto.render = function render() {
    var _this$props = this.props,
        active = _this$props.active,
        children = _this$props.children,
        className = _this$props.className,
        props = _objectWithoutPropertiesLoose(_this$props, ["active", "children", "className"]);

    var classNames = classnames('bordered-list-item', className, {
      active: active
    });
    return React.createElement("div", _extends({
      className: classNames
    }, props), children);
  };

  return BorderedListItem;
}(React.Component);

_defineProperty(BorderedListItem, "propTypes", {
  active: PropTypes.bool,
  children: PropTypes.node,
  className: PropTypes.string
});

_defineProperty(BorderedListItem, "defaultProps", {
  active: false,
  children: null,
  className: null
});

export var BorderedList =
/*#__PURE__*/
function (_React$Component2) {
  _inheritsLoose(BorderedList, _React$Component2);

  function BorderedList() {
    return _React$Component2.apply(this, arguments) || this;
  }

  var _proto2 = BorderedList.prototype;

  _proto2.render = function render() {
    var _this$props2 = this.props,
        noTopBorder = _this$props2.noTopBorder,
        noBottomBorder = _this$props2.noBottomBorder,
        noHorizontalBorders = _this$props2.noHorizontalBorders,
        noLeftBorder = _this$props2.noLeftBorder,
        noRightBorder = _this$props2.noRightBorder,
        noVerticalBorders = _this$props2.noVerticalBorders,
        className = _this$props2.className,
        children = _this$props2.children,
        props = _objectWithoutPropertiesLoose(_this$props2, ["noTopBorder", "noBottomBorder", "noHorizontalBorders", "noLeftBorder", "noRightBorder", "noVerticalBorders", "className", "children"]);

    var classNames = classnames('bordered-list', className, {
      'bordered-list-noTopBorder': noTopBorder,
      'bordered-list-noBottomBorder': noBottomBorder,
      'bordered-list-noHorizontalBorders': noHorizontalBorders,
      'bordered-list-noLeftBorder': noLeftBorder,
      'bordered-list-noRightBorder': noRightBorder,
      'bordered-list-noVerticalBorders': noVerticalBorders
    });
    return React.createElement("div", _extends({
      className: classNames
    }, props), children);
  };

  return BorderedList;
}(React.Component);

_defineProperty(BorderedList, "propTypes", {
  noTopBorder: PropTypes.bool,
  noBottomBorder: PropTypes.bool,
  noHorizontalBorders: PropTypes.bool,
  noLeftBorder: PropTypes.bool,
  noRightBorder: PropTypes.bool,
  noVerticalBorders: PropTypes.bool,
  className: PropTypes.string,
  children: PropTypes.node
});

_defineProperty(BorderedList, "defaultProps", {
  noTopBorder: false,
  noBottomBorder: false,
  noHorizontalBorders: false,
  noLeftBorder: false,
  noRightBorder: false,
  noVerticalBorders: false,
  className: null,
  children: null
});