@wulperstudio/cms/node/organisms/List/List.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.List = void 0;
var _react = _interopRequireDefault(require("react"));
var _uuid = require("uuid");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var List = exports.List = function List(props) {
  var _props$type = props.type,
    type = _props$type === void 0 ? 'horizontal' : _props$type,
    _props$variant = props.variant,
    variant = _props$variant === void 0 ? 'unlimited' : _props$variant,
    _props$limit = props.limit,
    limit = _props$limit === void 0 ? 25 : _props$limit;
  var limited = variant === 'limited' ? props.data.slice(0, limit) : props.data;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.WrapperComponent, {
    type: type,
    children: [limited.map(function (item) {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.SnapCenter, {
        children: props.children(item)
      }, (0, _uuid.v4)());
    }), variant === 'limited' && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      children: ["Hola:", ' ', limit]
    })]
  });
};