const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
let classnames = require("classnames");
classnames = require_runtime.__toESM(classnames);
require("./CategorySkeleton.less");
//#region src/plus/productSelect/CategoryTabs/CategorySkeleton.tsx
const CategorySkeleton = ({ className, style, tabCount = 5, animated = true }) => {
	const containerClass = (0, classnames.default)("category-skeleton", { "category-skeleton--animated": animated }, className);
	return /* @__PURE__ */ react.default.createElement("div", {
		className: containerClass,
		style
	}, Array.from({ length: tabCount }, (_, index) => /* @__PURE__ */ react.default.createElement("div", {
		key: index,
		className: "category-skeleton__tab",
		style: { width: `${Math.floor(Math.random() * 40) + 80}px` }
	})));
};
//#endregion
exports.default = CategorySkeleton;
