import React from 'react';
import classNames from 'classnames';
import "./TabSkeleton.less";
var TabSkeleton = function TabSkeleton(_ref) {
  var className = _ref.className,
    style = _ref.style,
    _ref$tabCount = _ref.tabCount,
    tabCount = _ref$tabCount === void 0 ? 4 : _ref$tabCount,
    _ref$animated = _ref.animated,
    animated = _ref$animated === void 0 ? true : _ref$animated,
    _ref$tabStyle = _ref.tabStyle,
    tabStyle = _ref$tabStyle === void 0 ? 'switch' : _ref$tabStyle;
  var containerClass = classNames('pisell-list-tab-skeleton', "pisell-list-tab-skeleton--".concat(tabStyle), {
    'pisell-list-tab-skeleton--animated': animated
  }, className);
  return /*#__PURE__*/React.createElement("div", {
    className: containerClass,
    style: style
  }, Array.from({
    length: tabCount
  }, function (_, index) {
    return /*#__PURE__*/React.createElement("div", {
      key: index,
      className: "pisell-list-tab-skeleton__item"
    });
  }));
};
export default TabSkeleton;