import { jsx as _jsx } from "react/jsx-runtime";
// (C) 2007-2025 GoodData Corporation
import cx from "classnames";
import { range } from "lodash-es";
const DOT_COUNT = 3; // the same as $loading-dots-count in loadingDots.scsss
/**
 * @internal
 */
export function LoadingDots({ className }) {
    return (_jsx("div", { className: cx("gd-loading-dots", className), children: range(1, DOT_COUNT + 1).map((index) => (_jsx("div", { className: `gd-loading-dots-${index}` }, index))) }));
}
