import React from "react";
import classNames from "classnames";
import "./CategorySkeleton.less";
//#region src/plus/productSelect/CategoryTabs/CategorySkeleton.tsx
const CategorySkeleton = ({ className, style, tabCount = 5, animated = true }) => {
	const containerClass = classNames("category-skeleton", { "category-skeleton--animated": animated }, className);
	return /* @__PURE__ */ React.createElement("div", {
		className: containerClass,
		style
	}, Array.from({ length: tabCount }, (_, index) => /* @__PURE__ */ React.createElement("div", {
		key: index,
		className: "category-skeleton__tab",
		style: { width: `${Math.floor(Math.random() * 40) + 80}px` }
	})));
};
//#endregion
export { CategorySkeleton as default };
