import React from 'react';
import classNames from 'classnames';
import "./CategorySkeleton.less";
var CategorySkeleton = function CategorySkeleton(_ref) {
  var className = _ref.className,
    style = _ref.style,
    _ref$tabCount = _ref.tabCount,
    tabCount = _ref$tabCount === void 0 ? 5 : _ref$tabCount,
    _ref$animated = _ref.animated,
    animated = _ref$animated === void 0 ? true : _ref$animated;
  var containerClass = classNames('category-skeleton', {
    'category-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: "category-skeleton__tab",
      style: {
        width: "".concat(Math.floor(Math.random() * 40) + 80, "px")
      }
    });
  }));
};
export default CategorySkeleton;