import { jsxs as l, jsx as d } from "react/jsx-runtime";
import { forwardRef as c } from "react";
import { cx as p } from "../../utils/classNames.js";
import { useArrowTheme as f } from "../../hooks/useArrowTheme.js";
const h = c(
  ({
    size: r,
    variant: e = "branded",
    inverse: a,
    a11yLabel: o = "Loading",
    className: t,
    ...s
  }, i) => {
    const m = f(), n = a ?? m.inverse;
    return /* @__PURE__ */ l(
      "div",
      {
        ref: i,
        className: p(
          "tdds-dot-loader",
          {
            [`tdds-dot-loader--${e}`]: !!e
          },
          t
        ),
        ...n ? { "data-inverse": "true" } : {},
        "data-size": r,
        role: "img",
        "aria-label": o,
        ...s,
        children: [
          /* @__PURE__ */ d("span", { className: "tdds-dot-loader__dot", "aria-hidden": "true" }),
          /* @__PURE__ */ d("span", { className: "tdds-dot-loader__dot", "aria-hidden": "true" }),
          /* @__PURE__ */ d("span", { className: "tdds-dot-loader__dot", "aria-hidden": "true" })
        ]
      }
    );
  }
);
h.displayName = "DotLoader";
export {
  h as DotLoader
};
//# sourceMappingURL=DotLoader.js.map
