"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LoadingPlaceholders = void 0;
var _eui = require("@elastic/eui");
var _react = _interopRequireDefault(require("react"));
/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0; you may not use this file except in compliance with the Elastic License
 * 2.0.
 */

const LoadingPlaceholdersComponent = ({
  lines,
  placeholders
}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, [...Array(placeholders).keys()].map((_, i) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
  key: i
}, /*#__PURE__*/_react.default.createElement(_eui.EuiSkeletonText, {
  lines: lines,
  "data-test-subj": 'loadingPlaceholders'
}), i !== placeholders - 1 && /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, {
  size: "l"
}))));
LoadingPlaceholdersComponent.displayName = 'LoadingPlaceholdersComponent';
const LoadingPlaceholders = /*#__PURE__*/_react.default.memo(LoadingPlaceholdersComponent);
exports.LoadingPlaceholders = LoadingPlaceholders;