zrmc/list/divider.js

ZRMC is an ES7 React wrapper for Material Components Web.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _ = require("../");

var _2 = _interopRequireDefault(_);

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

/**
 * mdc-list-divider
 * See:
 * https://material.io/components/web/catalog/lists/
 *
 */

var MDC_LISTDIVIDER = "mdc-list-divider"; /**
                                           * Copyright (c) 2015-present, CWB SAS
                                           *
                                           * This source code is licensed under the MIT license found in the
                                           * LICENSE file in the root directory of this source tree.
                                           */


var ListDivider = function ListDivider(_ref) {
  var type = _ref.type,
      inset = _ref.inset,
      props = (0, _objectWithoutProperties3.default)(_ref, ["type", "inset"]);

  var classes = MDC_LISTDIVIDER;
  if (inset) {
    classes += " mdc-list-divider--inset";
  }
  if (type === "hr") {
    return _2.default.render(_react2.default.createElement("hr", { className: classes }), props);
  }
  return _2.default.render(_react2.default.createElement("li", { className: classes, role: "separator" }), props);
};

ListDivider.defaultProps = {
  mdcElement: MDC_LISTDIVIDER,
  type: "li",
  inset: false
};

ListDivider.propTypes = {
  mdcElement: _propTypes2.default.string,
  type: _propTypes2.default.string,
  inset: _propTypes2.default.bool
};

exports.default = ListDivider;