@cbinsights/fds/lib/components/SeparatorList/index.js

Form: A design system by CB Insights

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _classcat = _interopRequireDefault(require("classcat"));

/**
 * @param {Object} props react props
 * @returns {ReactElement}
 */
var InlineBlockList = function InlineBlockList(_ref) {
  var items = _ref.items,
      separator = _ref.separator;
  var classNames = (0, _classcat.default)([{
    'fdsInlineBlockList--separators': Boolean(separator)
  }, 'fdsInlineBlockList']);
  return /*#__PURE__*/_react.default.createElement("ul", {
    className: classNames
  }, items.map(function (item, i) {
    return /*#__PURE__*/_react.default.createElement("li", {
      key: "".concat(separator, "-").concat(i),
      className: "display--inlineBlock",
      "data-separator": separator || null
    }, item);
  }));
};

var _default = InlineBlockList;
exports.default = _default;